DevArbor
#212121

#212121 — Codici colore & palette

#212121  ·  rgb(33, 33, 33)  ·  hsl(0, 0%, 13%)

Codici colore

Formato Valore
HEX #212121
RGB rgb(33, 33, 33)
HSL hsl(0, 0%, 13%)

Sfumature di #212121

#1F1F1F#1C1C1C#1A1A1A#171717#141414#121212#0F0F0F#0D0D0D

Tinte di #212121

#383838#4F4F4F#666666#7D7D7D#949494#ABABAB#C2C2C2#D9D9D9

Abbinamenti & armonia cromatica

Complementare
#212121
Analogo +30°
#212121
Analogo −30°
#212121
Triadico +120°
#212121
Triadico −120°
#212121

Contrasto & accessibilità (WCAG 2.1)

su sfondo bianco (#FFFFFF)
16.10:1 — Supera AAA per testo normale
su sfondo nero (#000000)
1.30:1 — Non supera

Snippet CSS

.element {
  color: #212121;
}

.element-bg {
  background-color: #212121;
  color: #ffffff;
}

.element-border {
  border: 2px solid #212121;
}

Informazioni su #212121

#212121 è un colore molto scuro con saturazione molto bassa (quasi acromatico), definito dal codice esadecimale #212121. I suoi valori esatti nei modelli colore sono rgb(33, 33, 33) in RGB e hsl(0, 0%, 13%) in HSL (tonalità 0°, saturazione 0%, luminosità 13%). Su sfondo bianco il rapporto di contrasto è 16.10:1 — Supera AAA per testo normale, su sfondo nero è 1.30:1 — Non supera. Usa #212121 per elementi dell'interfaccia, sfondi, testo, bordi o accenti decorativi. La sezione sfumature mostra varianti progressivamente più scure, mentre la striscia tinte mostra versioni progressivamente più chiare — entrambe utili per costruire una palette tonale. I campioni di armonia forniscono abbinamenti complementari, analoghi e triadici basati sulla ruota cromatica HSL.

Vuoi esplorare questo colore in modo interattivo, generare palette o convertire tra formati colore? Il selettore colori di DevArbor fa al caso tuo.

Apri il selettore colori →

Domande frequenti

Qual è il valore RGB di #212121?
Il valore RGB di #212121 (#212121) è rgb(33, 33, 33). Rappresenta le quantità di rosso, verde e blu su una scala da 0 a 255.
#212121 è accessibile su sfondo bianco?
Il rapporto di contrasto di #212121 su bianco (#FFFFFF) è 16.10:1 — Supera AAA per testo normale. Su nero (#000000) il rapporto di contrasto è 1.30:1 — Non supera. Il WCAG 2.1 richiede 4,5:1 per AA (testo normale) e 7:1 per AAA.
Quali colori si abbinano bene con #212121?
Secondo la teoria del colore, #212121 (hsl(0, 0%, 13%)) si abbina bene con le sue tonalità complementari, analoghe e triadiche. Vedi i campioni di armonia sopra per i valori esadecimali esatti di ogni tipo di abbinamento.