Kleurkonverzje
#aca586
Hillary
Fariaasjes
It doel fan dizze seksje is om krekt tinten (suiwer wyt tafoege) en skaad (suiwer swart tafoege) fan dyn selektearre kleur yn 10% ynkreminten te produsearjen.
Pro Tip: Brûk skaad foar hover steaten en skaad, tinten foar hichtepunten en eftergrûnen.
Skaad
Donkere fariaasjes makke troch swart ta te foegjen oan dyn basis kleur.
Tinten
Ljochtere fariaasjes makke troch wyt ta te foegjen oan dyn basis kleur.
Mienskiplike gebrûksgefallen
- • UI komponint steaten (hover, aktyf, útskeakele)
- • Djipte meitsje mei skaad en hichtepunten
- • Konsistinte kleur systemen bouwe
Design System Tip
Dizze fariaasjes foarmje de basis fan in gearhingjende kleurpalet. Eksportearje se om konsistinsje oer dyn hiele projekt te behâlden.
Kleurkombinaasjes
Elk harmony hat syn eigen stimming. Brûk harmonies om kleurkombos te betinken dy't goed tegearre wurkje.
Hoe te brûken
Klik op elke kleur om syn hex wearde te kopiearjen. Dizze kombinaasjes binne wiskundich bewiisd om fisuele harmony te meitsjen.
Wêrom it wichtich is
Kleurharmonies meitsje lykwicht en roppe spesifike emoasjes op yn dyn ûntwerpen.
Komplement
In kleur en syn tsjinoerstelde op it kleurtsjil, +180 graden fan tint. Heech kontrast.
Split-komplementêr
In kleur en twa oanbuorjende oan syn komplement, +/-30 graden fan tint fan de wearde tsjinoer de haadkleur. Fet lykas in rjocht komplement, mar mear alsidich.
Triadysk
Trije kleuren dy't gelyk ferdield binne oer it kleurtsjil, elk 120 graden fan tint apart. Bêste om ien kleur te dominearjen en de oaren as aksinten te brûken.
Analooch
Trije kleuren mei deselde ljochtens en sêding mei tinten dy't oanbuorjend binne op it kleurtsjil, 30 graden apart. Glêde oergongen.
Monochromatysk
Trije kleuren fan deselde tint mei ljochtenswearden +/-50%. Subtiel en ferfine.
Tetradysk
Twa sets fan komplementêre kleuren, skieden troch 60 graden fan tint.
Kleurteoryprinsipes
Balâns
Brûk ien dominante kleur, stypje mei sekundêre, en aksint sparsam.
Kontrast
Soargje foar genôch kontrast foar lêsberens en tagonklikens.
Harmony
Kleuren moatte gearwurkje om in ienheidlike fisuele ûnderfining te meitsjen.
Kleurkontrastkontrôle
Test kleurkombinaasjes om te soargjen dat se foldogge oan WCAG tagonklikheidsnormen foar tekstlêsberens.
Tekstkleur
Eftergrûnkleur
Kontrast
WCAG Standerts
Avansearre kontrôle kontrôle
Fynôfstimme mei sliders, meardere foarbylden & mear
Elkenien is in Genius. Mar as jo in Fisk beoardielje op syn fermogen om in Beam te beklimmen, sil it syn hiele libben leauwe dat it dom is.