#FF69B4 · Color code generator & Picker

    Pag-generate og mga color code, mga variation, mga harmony, ug pag-check sa contrast ratios.

    Pagbag-o sa kolor

    HEX

    #ff69b4

    HEX
    #ff69b4
    HSL
    330, 100, 71
    RGB
    255, 105, 180
    XYZ
    55, 35, 47
    CMYK
    0, 59, 29, 0
    LUV
    65,108,-23
    LAB
    65, 64, -11
    HWB
    330, 41, 0

    Mga Pagkausab

    Ang katuyoan niini nga seksyon mao ang tukmang paghimo sa mga tints (puti nga gidugang) ug shades (itom nga gidugang) sa imong gipili nga kolor sa 10% nga mga pagdugang.

    Pro Tip: Gamiton ang shades para sa hover states ug shadows, tints para sa highlights ug backgrounds.

    Shades

    Mas ngitngit nga mga pagkausab nga gihimo pinaagi sa pagdugang og itom sa imong base color.

    Tints

    Mas hayag nga mga pagkausab nga gihimo pinaagi sa pagdugang og puti sa imong base color.

    Kasagaran nga Paggamit

    • Mga estado sa UI component (hover, active, disabled)
    • Paghimo og giladmon gamit ang shadows ug highlights
    • Pagtukod og konsistent nga color systems

    Design System Tip

    Kini nga mga pagkausab naglangkob sa pundasyon sa usa ka cohesive nga color palette. I-export kini aron mapadayon ang konsistensya sa tibuok nimong proyekto.

    Mga Kombinasyon sa Kolor

    Ang matag harmony adunay kaugalingon nga mood. Gamiton ang harmonies aron mag-brainstorm sa mga kolor nga maayo nga magkauban.

    Unsaon Paggamit

    I-klik ang bisan unsang kolor aron makopya ang hex value niini. Kini nga mga kombinasyon matematikal nga napamatud-an nga makapahimo og visual harmony.

    Ngano Kini Mahinungdanon

    Ang mga kolor nga harmonies nagmugna og balanse ug naghatag og piho nga emosyon sa imong mga disenyo.

    Komplemento

    Usa ka kolor ug ang kabaliktaran niini sa kolor nga ligid, +180 degrees sa hue. Taas nga kontrasto.

    #ff69b4
    Pinakamaayo para sa: Mga high-impact nga disenyo, CTAs, mga logo

    Split-komplementaryo

    Usa ka kolor ug duha nga duol sa iyang komplemento, +/-30 degrees sa hue gikan sa bili nga kabaliktaran sa nag-unang kolor. Kusgan sama sa tuwid nga komplemento, apan mas versatile.

    Pinakamaayo para sa: Makulbahin apan balanseng mga layout

    Triadic

    Tulo ka kolor nga pantay nga gibahin sa kolor nga ligid, matag 120 degrees sa hue. Pinakamaayo nga tugotan ang usa ka kolor nga magdominar ug gamiton ang uban isip aksento.

    Pinakamaayo para sa: Malipayong, enerhetikong mga disenyo

    Analogous

    Tulo ka kolor nga parehas ang luminance ug saturation nga adunay mga hue nga duol sa kolor nga ligid, 30 degrees ang gilay-on. Hapsay nga pagbalhin.

    Pinakamaayo para sa: Mga interface nga inspirasyon sa kinaiyahan, makapahupay

    Monochromatic

    Tulo ka kolor nga parehas ang hue nga adunay mga luminance nga bili +/-50%. Subtle ug pinino.

    Pinakamaayo para sa: Minimalist, sopistikadong mga disenyo

    Tetradic

    Duha ka set sa mga complementary nga kolor, nga gibulag sa 60 ka degree sa hue.

    Pinakamaayo para sa: Mabug-at, lain-laing mga kolor nga eskema

    Mga Prinsipyo sa Teorya sa Kolor

    Balanse

    Gamit ug usa ka dominante nga kolor, suportahi sa sekondarya, ug gamita ang aksento sa hinay-hinay.

    Kontrasto

    Siguraduhon ang igo nga kontrasto para sa mabasaon ug ma-access nga disenyo.

    Harmonya

    Ang mga kolor kinahanglan magtinabangay aron makabuo ug usa ka nagkahiusang biswal nga kasinatian.

    Color Contrast Checker

    Sulayi ang mga kombinasyon sa kolor aron masiguro nga mosunod kini sa WCAG accessibility standards para sa mabasa nga teksto.

    Kolor sa Teksto
    Kolor sa Background
    Contrast
    1.00
    Fail
    Kaayo kabos
    Gamay nga teksto
    ✖︎
    Dako nga teksto
    ✖︎
    WCAG Standards
    AA:Minimum contrast ratio nga 4.5:1 para sa ordinaryong texto ug 3:1 para sa dagkong texto. Kinahanglan para sa kadaghanan sa mga website.
    AAA:Napabaskog nga contrast ratio nga 7:1 para sa ordinaryong texto ug 4.5:1 para sa dagkong texto. Gipasigarbo para sa labing maayong accessibility.
    Insufisiyente nga contrast para sa tanang gidak-on sa teksto - napakyas sa mga sumbanan sa WCAG.

    Abante nga Kontras nga Tigsusi

    Pag-ayo gamit ang mga slider, daghang mga preview & uban pa

    Ang tanan usa ka Genius. Apan kung imong husgahan ang usa ka isda pinaagi sa iyang abilidad sa pagsaka sa kahoy, mabuhi kini sa tibuok kinabuhi nga nagtuo nga kini buang.

    - Albert Einstein

    Mga teknikal nga pormat

    Praktikal nga Pormat

    Color Analysis

    Blindness Simulator

    Mga Aspeto sa Pagkamamugnaon