Jeneratè & Selector de koulè

    Jenere kòd koulè, varyasyon, amoni, epi tcheke rapò kontrast.

    Konvèsyon koulè

    HEX

    #f7f5fa

    Whisper

    HEX
    #f7f5fa
    HSL
    264, 33, 97
    RGB
    247, 245, 250
    XYZ
    88, 92, 104
    CMYK
    1, 2, 0, 2
    LUV
    97,17,3
    LAB
    97, 2, -2
    HWB
    264, 96, 2

    Varyasyon

    Objektif seksyon sa a se pou pwodwi avèk presizyon nuans (blan pi ajoute) ak lonbraj (nwa pi ajoute) nan koulè ou chwazi a nan ogmantasyon 10%.

    Konsèy Pro: Sèvi ak lonbraj pou eta hover ak lonbraj, nuans pou aksan ak background.

    Lonbraj

    Varyasyon pi fonse kreye pa ajoute nwa nan koulè baz ou.

    Nuans

    Varyasyon pi klè kreye pa ajoute blan nan koulè baz ou.

    Ka Itilizasyon Komen

    • Eta konpozan UI (hover, aktif, enfim)
    • Kreye pwofondè ak lonbraj ak aksan
    • Konstriksyon sistèm koulè ki konsistan

    Konsèy Sistèm Design

    Varyasyon sa yo fòme fondasyon yon palèt koulè ki konsistan. Eksporté yo pou kenbe konsistans nan tout pwojè ou.

    Konbinezon Koulè

    Chak amoni gen pwòp atitid li. Sèvi ak amoni pou jenere konbinezon koulè ki mache byen ansanm.

    Kijan Pou Sèvi Avèk

    Klike sou nenpòt koulè pou kopye valè hex li. Konbinezon sa yo pwouve matematikman pou kreye amoni vizyèl.

    Poukisa Li Enpòtan

    Amoni koulè kreye balans epi evok emosyon espesifik nan desen ou yo.

    Konpleman

    Yon koulè ak opoze li sou wou koulè a, +180 degre nan tint. Gwo kontras.

    #f7f5fa
    Pi bon pou: Desen ki gen gwo enpak, CTAs, logo

    Konplemantè divize

    Yon koulè ak de ki adjasan ak konpleman li, +/-30 degre nan tint soti nan valè opoze koulè prensipal la. Oze tankou yon konpleman dwat, men plis versatile.

    Pi bon pou: Layout ki vibran men balanse

    Triyadik

    Twa koulè ki espase egalman sou wou koulè a, chak 120 degre nan tint apa. Pi bon pou pèmèt yon koulè domine epi itilize lòt yo kòm aksan.

    Pi bon pou: Desen ki jwe, enèjik

    Analòg

    Twa koulè ki gen menm liminans ak saturation ak tint ki adjasan sou wou koulè a, 30 degre apa. Tranzisyon dou.

    Pi bon pou: Entèfas ki enspire pa lanati, kalman

    Monokromatik

    Twa koulè ki gen menm tint ak valè liminans +/-50%. Subtil ak rafine.

    Pi bon pou: Desen minimalist, sofistike

    Tetradik

    De seri koulè konplemantè, separe pa 60 degre nan tint.

    Pi bon pou: Scheme koulè rich, divès

    Prensip teyori koulè

    Balans

    Sèvi ak yon koulè dominan, sipòte ak segondè, epi aksantye avèk modération.

    Kontras

    Asire w gen ase kontras pou lizibilite ak aksesibilite.

    Amoni

    Koulè yo ta dwe travay ansanm pou kreye yon eksperyans vizyèl inifye.

    Tcheke Kontras Koulè

    Teste konbinezon koulè pou asire yo satisfè estanda aksè WCAG pou lizibilite tèks.

    Koulè Tèks
    Koulè Background
    Kontras
    1.00
    Fail
    Trè pòv
    Tèks ti
    ✖︎
    Tèks gwo
    ✖︎
    Estanda WCAG
    AA:Rapò kontras minimòm 4.5:1 pou tèks nòmal ak 3:1 pou tèks gwo. Obligatwa pou pifò sit entènèt.
    AAA:Rapò kontras amelyore 7:1 pou tèks nòmal ak 4.5:1 pou tèks gwo. Rekòmande pou aksè optimal.
    Kontras ensifizan pou tout gwosè tèks - pa satisfè estanda WCAG yo.

    Chèk kontrast avanse

    Fè ajisteman ak glisè, plizyè aperçu & plis

    Tout moun se yon jeni. Men si ou jije yon pwason sou kapasite li pou monte yon pyebwa, li pral viv tout lavi li kwè ke li estipid.

    - Albert Einstein

    Fòma teknik

    Fòma Pratik

    Analiz koulè

    Similatè avèg

    Aspe kreyatif