Kolorkoda Generilo kaj Elektilo

Generu kolorkodojn, variojn, harmoniojn, kaj kontrolu kontrastajn proporciojn.

Kolor-Konverto

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

Varioj

La celo de ĉi tiu sekcio estas precize produkti nuancojn (aldonita pura blanko) kaj nuancojn (aldonita pura nigra) de via elektita koloro en 10%-aj pliigoj.

Profesia Konsilo: Uzu nuancojn por ŝvebadoj kaj ombroj, nuancojn por brilaĵoj kaj fonoj.

Sunokulvitroj

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

Nuancoj

Pli helaj variaĵoj kreitaj per aldono de blanko al via baza koloro.

Oftaj Uzokazoj

  • Statoj de UI-komponentoj (ŝvebado, aktiva, malŝaltita)
  • Krei profundon per ombroj kaj brilaĵoj
  • Konstruante koherajn kolorsistemojn

Konsileto pri Dezajna Sistemo

Ĉi tiuj varioj formas la fundamenton de kohera kolorpaletro. Eksportu ilin por konservi koherecon tra via tuta projekto.

Koloraj Kombinaĵoj

Ĉiu harmonio havas sian propran etoson. Uzu harmoniojn por cerboŝtormi kolorkombinaĵojn, kiuj bone funkcias kune.

Kiel Uzi

Alklaku iun ajn koloron por kopii ĝian deksesuman valoron. Matematike pruviĝis, ke ĉi tiuj kombinaĵoj kreas vidan harmonion.

Kial Ĝi Gravas

Kolorharmonioj kreas ekvilibron kaj elvokas specifajn emociojn en viaj dezajnoj.

Komplemento

Koloro kaj ĝia malo sur la kolorrado, +180 gradoj da nuanco. Alta kontrasto.

#ca4e4e
Plej bona por: Alt-efikaj dezajnoj, alvokoj al ago, logotipoj

Disigita-komplementa

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

Plej bona por: Viglaj sed ekvilibraj aranĝoj

Triada

Tri koloroj egale interspacigitaj laŭlonge de la kolorrado, ĉiu je 120 gradoj da nuanco aparte. Plej bone estas permesi al unu koloro domini kaj uzi la aliajn kiel akcentojn.

Plej bona por: Ludemaj, energiaj dezajnoj

Analoga

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

Plej bona por: Natur-inspiraj, trankviligaj interfacoj

Monokromata

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

Plej bona por: Minimalismaj, sofistikaj dezajnoj

Tetradika

Du aroj de komplementaj koloroj, apartigitaj per 60 gradoj da nuanco.

Plej bona por: Riĉaj, diversaj kolorskemoj

Principoj de Kolorteorio

Ekvilibro

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

Kontrasto

Certigu sufiĉan kontraston por legebleco kaj alirebleco.

Harmonio

Koloroj devus kunlabori por krei unuecan vidan sperton.

Kolora Kontrasto Kontrolilo

Testu kolorkombinojn por certigi, ke ili plenumas la WCAG-alireblecajn normojn por tekstolegebleco.

Teksta Koloro
Fona Koloro
Kontrasto
Fail
Malgranda teksto
✖︎
Granda teksto
✖︎
WCAG-Normoj
AA:Minimuma kontrastoproporcio de 4,5:1 por normala teksto kaj 3:1 por granda teksto. Necesa por plej multaj retejoj.
AAA:Plibonigita kontrastoproporcio de 7:1 por normala teksto kaj 4,5:1 por granda teksto. Rekomendita por optimuma alirebleco.

Ĉiuj 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