#FF0000
red
Coduri de culoare
#FF0000rgb(255, 0, 0)hsl(0°, 100%, 50%)hsv(0°, 100%, 100%)cmyk(0%, 100%, 100%, 0%)xyz(41.25, 21.27, 1.93)lab(53.24, 80.09, 67.2)lch(53.24, 104.55, 40°)Coduri de culoare
#FF0000rgb(255, 0, 0)hsl(0°, 100%, 50%)hsv(0°, 100%, 100%)cmyk(0%, 100%, 100%, 0%)xyz(41.25, 21.27, 1.93)lab(53.24, 80.09, 67.2)lch(53.24, 104.55, 40°)Accesibilitate
4:1AA ✗AAA ✗5.25:1AA ✓AAA ✗Înghițind zahăr din belșug
Text de conținut peste culoare, ca să judeci lizibilitatea înainte de a te hotărî.
Variații și combinații de culoare
Nuanțele deschise amestecă culoarea cu alb pur, iar cele închise cu negru pur. Ambele scări se calculează în pași de 10%, ca să poți deschide sau adânci o nuanță fără să o părăsești.
Nuanțe închise
Nuanțe deschise
Armonii cromatice
Armoniile aleg culorile însoțitoare după poziția lor pe cercul cromatic. Fiecare regulă dă altă atmosferă, de la contrast puternic la treceri blânde între vecine.
Complementară
Nuanța exact opusă pe cerc, la 180°. Cel mai mare contrast; merge cel mai bine când o culoare conduce și cealaltă accentuează.
Creează degradeComplementară divizată
Culoarea de bază plus cei doi vecini ai opusului ei, la circa 30° de fiecare parte. Păstrează contrastul și îi atenuează asprimea.
Creează degradeTriadică
Trei nuanțe la 120° una de alta. Vie și echilibrată; lasă una să domine și folosește-le pe celelalte ca accent.
Creează degradeAnalogă
Trei nuanțe vecine la 30°. Contrast scăzut și odihnitoare pentru ochi, potrivită pentru fundaluri calme și degradeuri.
Creează degradeMonocromatică
O singură nuanță la mai multe niveluri de luminozitate. Coerentă prin construcție și cea mai sigură cale spre o interfață unitară.
Creează degradeTetradică
Două perechi complementare care formează un dreptunghi pe cerc. Schema cea mai bogată și cea care cere cea mai multă măsură.
Creează degrade