ImageColorPicker.com

    #5B0683 Amarantong Gabi

    Gumawa ng mga color code, variation, harmony, at suriin ang contrast ratios.

    Pag-convert ng Kulay

    HEX

    #5b0683

    HEX
    #5b0683
    HSL
    281, 91, 27
    RGB
    91, 6, 131
    XYZ
    8, 4, 22
    CMYK
    31, 95, 0, 49
    LUV
    24,24,-58
    LAB
    24, 52, -49
    HWB
    281, 2, 49

    Mga Pagkakaiba-iba

    Ang layunin ng seksyong ito ay upang tumpak na makagawa ng mga tints (dagdag na purong puti) at shades (dagdag na purong itim) ng iyong napiling kulay sa 10% na pagtaas.

    Pro Tip: Gamitin ang shades para sa hover states at shadows, tints para sa highlights at backgrounds.

    Shades

    Mas madidilim na mga pagkakaiba-iba na nilikha sa pamamagitan ng pagdaragdag ng itim sa iyong base na kulay.

    Tints

    Mas magagaan na mga pagkakaiba-iba na nilikha sa pamamagitan ng pagdaragdag ng puti sa iyong base na kulay.

    Karaniwang Paggamit

    • • Mga estado ng UI component (hover, active, disabled)
    • • Paglikha ng lalim gamit ang shadows at highlights
    • • Pagbuo ng pare-parehong mga sistema ng kulay

    Tip sa Design System

    Ang mga pagkakaiba-iba na ito ang bumubuo sa pundasyon ng isang magkakaugnay na color palette. I-export ang mga ito upang mapanatili ang pagkakapare-pareho sa buong proyekto mo.

    Mga Kombinasyon ng Kulay

    Ang bawat harmony ay may sariling mood. Gamitin ang harmonies upang mag-brainstorm ng mga kombinasyon ng kulay na mahusay na nagtutulungan.

    Paano Gamitin

    I-click ang anumang kulay upang kopyahin ang hex value nito. Ang mga kombinasyong ito ay matematikal na napatunayang lumikha ng visual harmony.

    Bakit Mahalaga

    Ang mga color harmonies ay lumilikha ng balanse at nagpapahayag ng tiyak na emosyon sa iyong mga disenyo.

    Komplemento

    Isang kulay at ang kabaligtaran nito sa color wheel, +180 degrees ng hue. Mataas na kontrahan.

    #5b0683
    Pinakamahusay para sa: Mga disenyo na may mataas na epekto, CTAs, mga logo

    Hating-komplemento

    Isang kulay at dalawa na katabi ng komplemento nito, +/-30 degrees ng hue mula sa kabaligtaran ng pangunahing kulay. Matapang tulad ng tuwid na komplemento, ngunit mas maraming gamit.

    Pinakamahusay para sa: Makulay ngunit balanseng mga layout

    Triadik

    Tatlong kulay na pantay ang agwat sa color wheel, bawat isa ay 120 degrees ng hue ang pagitan. Pinakamainam na hayaan ang isang kulay na mangibabaw at gamitin ang iba bilang accent.

    Pinakamahusay para sa: Masigla at masayang mga disenyo

    Magkakatulad

    Tatlong kulay na may parehong liwanag at saturation na may mga hue na magkatabi sa color wheel, 30 degrees ang pagitan. Makinis na mga transisyon.

    Pinakamahusay para sa: Mga interface na inspirasyon ng kalikasan, nakapapawi

    Monokromatiko

    Tatlong kulay ng parehong hue na may mga halaga ng liwanag na +/-50%. Banayad at pino.

    Pinakamahusay para sa: Minimalistang, sopistikadong mga disenyo

    Tetradik

    Dalawang set ng mga complementary na kulay, na pinaghihiwalay ng 60 degrees ng hue.

    Pinakamahusay para sa: Mayamang, magkakaibang mga scheme ng kulay

    Mga Prinsipyo ng Teorya ng Kulay

    Balanse

    Gumamit ng isang dominanteng kulay, suportahan ng pangalawa, at gamitin ang accent nang matipid.

    Kontrahan

    Siguraduhing may sapat na kontrahan para sa mababasa at accessible na disenyo.

    Harmonya

    Dapat magtulungan ang mga kulay upang lumikha ng isang nagkakaisang visual na karanasan.

    Tagasuri ng Kontrahan ng Kulay

    Subukan ang mga kumbinasyon ng kulay upang matiyak na nakakatugon ito sa mga pamantayan ng accessibility ng WCAG para sa pagbabasa ng teksto.

    Kulay ng Teksto
    Kulay ng Background
    Kontrahan
    1.00
    Fail
    Napakahina
    Maliit na teksto
    ✖︎
    Malaking teksto
    ✖︎
    Mga Pamantayan ng WCAG
    AA:Minimum na contrast ratio na 4.5:1 para sa normal na teksto at 3:1 para sa malaking teksto. Kailangan para sa karamihan ng mga website.
    AAA:Pinahusay na contrast ratio na 7:1 para sa normal na teksto at 4.5:1 para sa malaking teksto. Inirerekomenda para sa optimal na accessibility.
    Hindi sapat ang contrast para sa lahat ng laki ng teksto - hindi pumapasa sa mga pamantayan ng WCAG.

    Advanced na Tagasuri ng Kontrahan

    Pinuhin gamit ang mga slider, maraming preview at iba pa

    “

    Lahat ay Henyo. Ngunit Kung Huhusgahan Mo ang Isang Isda sa Kakayahan Nitong Umakyat sa Puno, Mabubuhay Ito ng Buong Buhay Nito na Naniniwalang Ito ay Bobo.

    - Albert Einstein

    Mga Teknikal na Format

    Praktikal na Format

    Pagsusuri ng Kulay

    Simulator ng Pagkabulag

    Mga Malikhaing Aspeto

    Mga madalas itanong

    Anong kulay ang #5B0683?
    #5B0683 ay Amarantong Gabi – Isang malalim at mayamang lila na pumipigil sa liwanag at kumakapit sa mata gamit ang satin na lalim; malinaw ang pagkiling nito patungo sa malamlam na magenta kaysa malamig na indigo. Nagmumungkahi ito ng marahas na karangalan at misteryong panloob — isang tahimik na kapangyarihan na nag-uudyok ng pagkamangha at pag-iisa.
    Ano ang sinisimbolo ng Amarantong Gabi?
    karangalan at paghahari, misteryo at espiritwalidad, malikhain at di-konbensiyonal na pag-iisip, senswalidad at erotika sa disenyo, elitismo o eksklusibidad. Sa Kanlurang kultura, violet at malalim na lila tradisyonal na iniuugnay sa pagiging marangal at relihiyon; sa ilang bahagi ng Timog-silangang Asya, malalim na purple ay nauugnay sa seremonya at swerte. Sa modernong fashion at pop culture, katulad ng sa Kanluran at Japan, madalas itong gamitin bilang tanda ng avant-garde o mataas na moda.
    Saan ginagamit ang Amarantong Gabi sa disenyo?
    Sa espasyo o disenyo, pinapabagal ng kulay ang tingin ng manonood at hinahatid ang atensiyon sa mga detalyeng pinipili nitong suportahan; ginagamit bilang accent, lumilikha ito ng pakiramdam ng luho at katalinuhan nang hindi kumakain ng buong visual field. Kapag ginamit sa malalaking patong, maaari itong magpabigat ng interior o magpagaan ng branding depende sa kombinasyon ng ilaw at neutral na kasabay.
    Aling mga kulay ang bumabagay sa Amarantong Gabi?
    colorCode.seoFaqPairingAnswer #06A83B: Komplementaryo — ang maliwanag na green ay nag-aangat sa malalim na lila para sa matinding visual contrast at dinamika.. #8A036B: Analogous/magenta shift — pinapalambot at pinapainit ang purple nang hindi nawawala ang richness; mahusay para sa tonal gradients at textiles.. #EAA106: Split‑complementary (warm yellow‑orange) — nagbibigay ng energetikong highlight at luxe accent kapag ginamit sa foil o type, naglalagay ng balanseng warmth sa malamlam na lila..
    Paano nakaaapekto ang Amarantong Gabi sa mood?
    Tahimik na kapangyarihan na may marangal na misteryo Nagdudulot ng paghanga at isang banayad na distansya — tila hinihikayat ang paggalugad ngunit may pagpigil. colorCode.seoFaqMoodTraits
    Anong mga industriya ang gumagamit ng Amarantong Gabi?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Ano ang kasaysayan ng Amarantong Gabi?
    Ang lalim at purplish‑magenta na tono na kahawig ng #5B0683 ay may mga pinagmulan bago pa ang synthetic dyes — ang sinaunang Tyrian purple (mula sa Murex sea snails) at ang mga natural na dye sa mga bulaklak ng amaranth at orchidea ay ginamit upang lumikha ng malalim na violet sa damit at mga seremoniyal na tela. Noong ika‑19 na siglo lumitaw ang mauveine (aniline purple) at iba pang organikong dyes na nagbukas ng mas maraming intensities ng violet sa fashion at fine arts.
    Paano gamitin ang Amarantong Gabi sa disenyo?
    Panatilihin ang contrast at breathing room: gamitin ito bilang accent at hawakan ang visual weight nito sa pamamagitan ng neutral supports at metalic highlights.colorCode.seoFaqDesignDo
    Ang Amarantong Gabi ba ay accessible?
    colorCode.seoFaqAccessibilityAnswer Lumalampas sa WCAG AA para sa normal at malalaking teksto.