Pretvorba barv
#ca4e4e
≈ Chestnut Rose
Različice
Namen tega oddelka je natančno izdelati odtenke (dodana čista bela) in odtenke (dodana čista črna) izbrane barve v 10-odstotnih korakih.
Nasvet za strokovnjake: Odtenke uporabljajte za stanja preklopa in sence, odtenke pa za poudarke in ozadja.
Odtenki
Temnejše različice ustvarite tako, da osnovni barvi dodate črno.
Odtenki
Svetlejše različice ustvarite tako, da osnovni barvi dodate belo.
Pogosti primeri uporabe
- • Stanja komponent uporabniškega vmesnika (namestitev, aktivna, onemogočena)
- • Ustvarjanje globine s sencami in svetlimi točkami
- • Vzpostavitev doslednih barvnih sistemov
Nasvet za oblikovanje sistema
Te različice so temelj skladne barvne palete. Izvozite jih, da ohranite doslednost v celotnem projektu.
Kombinacije barv
Vsaka harmonija ima svoje razpoloženje. S pomočjo harmonij si lahko zamislite barvne kombinacije, ki se dobro ujemajo.
Kako uporabljati
Kliknite na katero koli barvo, da kopirate njeno šestnajstiško vrednost. Te kombinacije so matematično dokazane in ustvarjajo vizualno harmonijo.
Zakaj je to pomembno
Barvne harmonije ustvarjajo ravnovesje in v vaših modelih vzbujajo določena čustva.
Dopolnitev
Barva in njeno nasprotje na barvnem kolesu, +180 stopinj odtenka. Visok kontrast.
Razdeljeno-komplementarno
Barva in dve sosednji barvi, ki jo dopolnjujeta, +/-30 stopinj odtenka od vrednosti, ki je nasprotna glavni barvi. Drzno kot ravno dopolnilo, vendar bolj vsestransko.
Triadični
Tri barve, ki so enakomerno razporejene po barvnem kolesu, vsaka v razmaku 120 stopinj odtenka. Najbolje je, da ena barva prevladuje, druge pa uporabite kot poudarke.
Analogično
Tri barve enake svetilnosti in nasičenosti z odtenki, ki so sosednji na barvnem krogu, 30 stopinj narazen. Gladki prehodi.
Enobarvni
Tri barve istega odtenka z vrednostmi svetilnosti +/-50 %. Subtilno in prefinjeno.
Tetradični
Dva niza komplementarnih barv, ki sta med seboj ločena za 60 stopinj odtenka.
Načela barvne teorije
Bilanca
Uporabite eno prevladujočo barvo, podprite jo s sekundarno barvo in jo le malo poudarite.
Kontrast
Zagotovite zadosten kontrast za berljivost in dostopnost.
Harmonija
Barve morajo delovati skupaj in ustvariti enotno vizualno izkušnjo.
Preverjanje barvnega kontrasta
Preizkusite barvne kombinacije in preverite, ali izpolnjujejo standarde dostopnosti WCAG za berljivost besedila.
Barva besedila
Barva ozadja
Kontrast
Standardi WCAG
Vsak je genij. Če pa ribo ocenjujete po tem, ali je sposobna splezati na drevo, bo vse življenje živela v prepričanju, da je neumna.