Färgkodgenerator och -väljare

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

Färgkonvertering

HEX

#a100ff

Electric Violet

HEX
#a100ff
HSL
278, 100, 50
RGB
161, 0, 255
XYZ
33, 15, 96
CMYK
37, 100, 0, 0
LUV
45,40,-125,
LAB
45, 86, -86
HWB
278, 0, 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.

#a100ff

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