Pretvorba barv
#e24826
≈ Cinnabar
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.
Deljeno komplementarno
Barva in dve sosednji barvi komplementa, +/-30 stopinj odtenka od vrednosti nasproti glavne barve. Krepka kot ravna komplementarna barva, vendar bolj vsestranska.
Triadično
Tri barve, enakomerno razporejene vzdolž barvnega kroga, vsaka z 120 stopinjami odtenka narazen. Najbolje je, da ena barva prevladuje, druge pa uporabite kot poudarke.
Analogno
Tri barve z enako svetilnostjo in nasičenostjo z odtenki, ki so na barvnem kolesu sosednji, 30 stopinj narazen. Gladki prehodi.
Monokromatski
Tri barve istega odtenka z vrednostmi svetilnosti +/-50 %. Nežno in prefinjeno.
Tetradni
Dva niza komplementarnih barv, ločena za 60 stopinj barvnega 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
Napredni preverjevalnik kontrasta
Natančno nastavitev z drsniki, več predogledi in še več
Vsakdo je genij. Če pa ribo sodite po njeni sposobnosti plezanja na drevo, bo vse življenje verjela, da je neumna.