Kolora konvertiĝo
#7c778a
Topaz
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.
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.
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.
Analoga
Tri koloroj de la sama lumeco kaj saturiĝo kun nuancoj kiuj estas apudaj sur la kolorrado, 30 gradoj aparte. Glataj transiroj.
Monokromata
Tri koloroj de la sama nuanco kun lumecaj valoroj +/-50%. Subtilaj kaj rafinitaj.
Tetrada
Du paroj de komplementaj koloroj, apartigitaj per 60 gradoj de nuanco.
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
WCAG Normoj
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.