Gjenerator dhe Zgjedhës i Kodit të Ngjyrave

Gjeneroni kode ngjyrash, variacione, harmoni dhe kontrolloni raportet e kontrastit.

Konvertimi i Ngjyrave

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Variacione

Qëllimi i këtij seksioni është të prodhojë me saktësi nuanca (të shtuara të bardhë të pastër) dhe nuanca (të shtuara të zezë të pastër) të ngjyrës së zgjedhur në rritje prej 10%.

Këshillë profesionale: Përdorni nuanca për gjendjet e qëndrimit pezull dhe hijet, si dhe nuanca për pikat e theksuara dhe sfondet.

Hije

Variacione më të errëta të krijuara duke shtuar të zezën në ngjyrën tuaj bazë.

Nuanca

Variacione më të lehta të krijuara duke shtuar të bardhë në ngjyrën tuaj bazë.

Rastet e Përdorimit të Zakonshëm

  • Gjendjet e komponentëve të ndërfaqes së përdoruesit (qëndrim pezull, aktiv, i çaktivizuar)
  • Krijimi i thellësisë me hije dhe ndriçime
  • Ndërtimi i sistemeve të qëndrueshme të ngjyrave

Këshillë për Sistemin e Dizajnit

Këto variacione formojnë themelin e një palete ngjyrash kohezive. Eksportoni ato për të ruajtur qëndrueshmërinë në të gjithë projektin tuaj.

Kombinime Ngjyrash

Çdo harmoni ka humorin e vet. Përdor harmonitë për të menduar për kombinime ngjyrash që shkojnë mirë së bashku.

Si të përdoret

Klikoni mbi çdo ngjyrë për të kopjuar vlerën e saj heksadeksadëshe. Këto kombinime janë vërtetuar matematikisht se krijojnë harmoni vizuale.

Pse ka rëndësi

Harmonitë e ngjyrave krijojnë ekuilibër dhe ngjallin emocione specifike në dizajnet tuaja.

Komplement

Një ngjyrë dhe e kundërta e saj në rrotën e ngjyrave, +180 gradë nuancë. Kontrast i lartë.

#ca4e4e
Më e mira për: Dizajne, thirrje për veprim, logo me ndikim të lartë

Ndarje-plotësuese

Një ngjyrë dhe dy ngjitur me plotësuesin e saj, +/-30 gradë nuancë nga vlera përballë ngjyrës kryesore. E theksuar si një plotësues i drejtpërdrejtë, por më e gjithanshme.

Më e mira për: Paraqitje të gjalla por të ekuilibruara

Triadik

Tre ngjyra të shpërndara në mënyrë të barabartë përgjatë rrotës së ngjyrave, secila me 120 gradë nuancë larg njëra-tjetrës. Është më mirë të lini një ngjyrë të dominojë dhe të përdorni të tjerat si thekse.

Më e mira për: Dizajne të gjalla dhe energjike

Analoge

Tre ngjyra me të njëjtën ndriçim dhe ngopje me nuanca që janë ngjitur në rrotën e ngjyrave, 30 gradë larg njëra-tjetrës. Kalime të lëmuara.

Më e mira për: Ndërfaqe qetësuese dhe të frymëzuara nga natyra

Monokromatike

Tre ngjyra të së njëjtës nuancë me vlera ndriçimi +/-50%. Delikate dhe të rafinuara.

Më e mira për: Dizajne minimaliste dhe të sofistikuara

Tetradik

Dy grupe ngjyrash plotësuese, të ndara nga 60 gradë nuancë.

Më e mira për: Skema ngjyrash të pasura dhe të larmishme

Parimet e Teorisë së Ngjyrave

Bilanci

Përdorni një ngjyrë dominuese, mbështeteni me një ngjyrë dytësore dhe theksoni me kursim.

Kontrast

Siguroni kontrast të mjaftueshëm për lexueshmëri dhe aksesueshmëri.

Harmoni

Ngjyrat duhet të punojnë së bashku për të krijuar një përvojë vizuale të unifikuar.

Kontrolluesi i kontrastit të ngjyrave

Testoni kombinimet e ngjyrave për t'u siguruar që ato përmbushin standardet e aksesueshmërisë WCAG për lexueshmërinë e tekstit.

Ngjyra e tekstit
Ngjyrë e sfondit
Kontrasti
Fail
Tekst i vogël
✖︎
Tekst i madh
✖︎
Standardet WCAG
AA:Raporti minimal i kontrastit është 4.5:1 për tekst normal dhe 3:1 për tekst të madh. I nevojshëm për shumicën e faqeve të internetit.
AAA:Raport kontrasti i përmirësuar prej 7:1 për tekst normal dhe 4.5:1 për tekst të madh. Rekomandohet për aksesueshmëri optimale.

Të gjithë janë gjeni. Por nëse e gjykoni një peshk nga aftësia e tij për t'u ngjitur në një pemë, ai do të jetojë gjithë jetën e tij duke besuar se është budalla.

- Albert Einstein

Formatet Teknike

Formate praktike

Analiza e Ngjyrave

Simulues i Verbërisë

Aspektet Kreative