Färgkodgenerator och -väljare

Generera färgkoder, variationer, harmonier och kontrollera kontrastförhållandena.

Färgkonvertering

HEX

#ffffff

White

HEX
#ffffff
HSL
0, 0, 100
RGB
255, 255, 255
XYZ
95, 100, 109
CMYK
0, 0, 0, 0
LUV
100,16,7,
LAB
100, 0, 0
HWB
0, 100, 0

Variationer

Syftet med detta avsnitt är att exakt producera nyanser (rent vitt tillsatt) och skuggor (rent svart tillsatt) av den valda färgen i steg om 10%.

Nyanser

Färgtoner

Färgkombinationer

Varje harmoni har sin egen stämning. Använd harmonier för att brainstorma fram färgkombinationer som fungerar bra tillsammans.

Komplettering

En färg och dess motsats i färghjulet, +180 grader i nyans. Hög kontrast.

#ffffff

Delad-komplementär

En färg och två intilliggande komplement, +/-30 grader i nyans från värdet mittemot huvudfärgen. Djärvt som ett rakt komplement, men mer mångsidigt.

Triadisk

Tre färger jämnt fördelade längs färghjulet, var och en 120 graders nyansskillnad. Bäst är att låta en färg dominera och använda de andra som accenter.

Analog

Tre färger med samma luminans och mättnad med nyanser som ligger intill varandra på färghjulet, 30 grader från varandra. Mjuka övergångar.

Monokromatisk

Tre färger av samma nyans med luminansvärden +/-50%. Subtilt och raffinerat.

Tetradisk

Två uppsättningar komplementfärger, åtskilda av 60 graders nyans.

Kontroll av färgkontrast

Textfärg
Bakgrundsfärg
Kontrast
Fail
Liten text
✖︎
Stor text
✖︎

Alla är ett geni. Men om du bedömer en fisk efter dess förmåga att klättra i ett träd kommer den att leva hela sitt liv i tron att den är dum.

- Albert Einstein