Jeneratè & Selector de koulè

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

Konvèsyon koulè

HEX

#2a2630

Baltic Sea

HEX
#2a2630
HSL
264, 12, 17
RGB
42, 38, 48
XYZ
2, 2, 3
CMYK
13, 21, 0, 81
LUV
16,4,-5
LAB
16, 4, -6
HWB
264, 15, 81

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.

#2a2630
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