Kolora kodo generatoro & Selector de color

    Generu kolorajn kodojn, variaĵojn, harmoniojn, kaj kontrolu kontrastajn rilatojn.

    Kolora konvertiĝo

    HEX

    #bdb3c7

    Chatelle

    HEX
    #bdb3c7
    HSL
    270, 15, 74
    RGB
    189, 179, 199
    XYZ
    47, 47, 61
    CMYK
    5, 10, 0, 22
    LUV
    74,17,-9
    LAB
    74, 7, -9
    HWB
    270, 70, 22

    Variaĵoj

    La celo de ĉi tiu sekcio estas precize produkti nuancojn (aldonita pura blanka) kaj ombrojn (aldonita pura nigra) de via elektita koloro en 10% pliiĝoj.

    Profesia Konsilo: Uzu ombrojn por hover-statutoj kaj ombroj, nuancojn por elstarigoj kaj fonoj.

    Ombroj

    Pli malhelaj variaĵoj kreitaj per aldonado de nigra al via baza koloro.

    Nuancoj

    Pli helaj variaĵoj kreitaj per aldonado de blanka al via baza koloro.

    Komunaj Uzokazoj

    • UI-komponentaj statoj (hover, aktiva, malebligita)
    • Kreado de profundo kun ombroj kaj elstarigoj
    • Konstruado de konsekvencaj koloraj sistemoj

    Dezajna Sistemo Konsilo

    Ĉi tiuj variaĵoj formas la fundamenton de kohera kolora paletro. Eksportu ilin por konservi konsekvencon tra via tuta projekto.

    Koloraj Kombinaĵoj

    Ĉiu harmonio havas sian propran etoson. Uzu harmoniojn por elpensi kolorajn kombinaĵojn kiuj bone funkcias kune.

    Kiel Uzi

    Alklaku iun ajn koloron por kopii ĝian hex-valoron. Ĉi tiuj kombinaĵoj estas matematike pruvitaj por krei vidan harmonion.

    Kial Ĝi Gravas

    Koloraj harmonioj kreas ekvilibron kaj elvokas specifajn emociojn en viaj dezajnoj.

    Komplemento

    Koloro kaj ĝia kontraŭo sur la kolorrado, +180 gradoj de nuanco. Alta kontrasto.

    #bdb3c7
    Plej taŭga por: Altefika dezajnoj, alvokoj al ago, emblemoj

    Disigita-komplementa

    Koloro kaj du apudaj al ĝia komplemento, +/-30 gradoj de nuanco de la valoro kontraŭ la ĉefa koloro. Aŭdaca kiel rekta komplemento, sed pli multflanka.

    Plej taŭga por: Vibrantaj sed ekvilibraj aranĝoj

    Triada

    Tri koloroj egale spacigitaj laŭ la kolorrado, ĉiu 120 gradoj de nuanco aparte. Plej bone permesi unu koloron domini kaj uzi la aliajn kiel akcentojn.

    Plej taŭga por: Ludema, energia dezajnoj

    Analoga

    Tri koloroj de la sama lumeco kaj saturiĝo kun nuancoj kiuj estas apudaj sur la kolorrado, 30 gradoj aparte. Glataj transiroj.

    Plej taŭga por: Naturo-inspiraj, trankvilaj interfaco

    Monokromata

    Tri koloroj de la sama nuanco kun lumecaj valoroj +/-50%. Subtilaj kaj rafinitaj.

    Plej taŭga por: Minimalismaj, sofistikaj dezajnoj

    Tetrada

    Du paroj de komplementaj koloroj, apartigitaj per 60 gradoj de nuanco.

    Plej taŭga por: Riĉaj, diversaj koloraj skemoj

    Kolorteoriaj principoj

    Ekvilibro

    Uzu unu dominan koloron, subtenu kun sekundara, kaj akcentu ŝpareme.

    Kontrasto

    Certigu sufiĉan kontraston por legebleco kaj alirebleco.

    Harmonio

    Koloroj devus kunlabori por krei unuigitan vidan sperton.

    Kolora Kontrasta Kontrolilo

    Testu kolorajn kombinaĵojn por certigi ke ili plenumas la WCAG-alireblecajn normojn por teksta legebleco.

    Teksta Koloro
    Fona Koloro
    Kontrasto
    1.00
    Fail
    Tre malbona
    Malgranda teksto
    ✖︎
    Granda teksto
    ✖︎
    WCAG Normoj
    AA:Minimuma kontrasta rilatumo de 4.5:1 por normala teksto kaj 3:1 por granda teksto. Necesa por plej multaj retejoj.
    AAA:Plibonigita kontrasta rilatumo de 7:1 por normala teksto kaj 4.5:1 por granda teksto. Rekomendita por optimuma alirebleco.
    Nesufiĉa kontrasto por ĉiuj tekstograndecoj - ne plenumas WCAG-normojn.

    Altnivela Kontrasta Kontrolilo

    Fajnagordu per glitiloj, pluraj antaŭrigardoj kaj pli

    Ĉiu estas geniulo. Sed se vi juĝas fiŝon laŭ ĝia kapablo grimpi arbon, ĝi vivos sian tutan vivon kredante ke ĝi estas stulta.

    - Albert Einstein

    Teknikaj formatoj

    Praktikaj Formatoj

    Kolora analizo

    Blindeca Simulilo

    Kreivaj aspektoj