HEX vers HSL: #FAEBD7

Aussi appelée: CSS antiquewhite

Résultat

#FAEBD7 → hsl(34 78% 91%)

Les valeurs sont données en pleine précision : reconvertir donne exactement #faebd7. La forme arrondie est celle que l’on colle d’habitude dans le CSS.

Calcul pas à pas

Chaque nombre est calculé à partir de l’entrée, rien n’est cherché dans une table.

  1. 1. RGB ÷ 255

    R = 0.9804
    G = 0.9216
    B = 0.8431
  2. 2. max, min, Δ

    max = 0.9804
    min = 0.8431
    Δ = max − min = 0.1373
  3. 3. L

    L = (max + min) / 2 = 0.9118 = 91.18%
  4. 4. S

    S = Δ / (1 − |2L − 1|) = 0.7778 = 77.78%
  5. 5. H

    max is R → H = 60° × (((G − B) / Δ) mod 6) = 60° × (((0.9216 − 0.8431) / 0.1373) mod 6) = 34.29°
  6. 6. HSL

    hsl(34.29 77.78% 91.18%)

Tous les formats

HEX
#faebd7
RGB
rgb(250 235 215)
RGB (legacy)
rgb(250, 235, 215)
HSL
hsl(34.29 77.78% 91.18%) → hsl(34 78% 91%)
HWB
hwb(34 84% 2%)
OKLCH
oklch(0.947 0.031 75.2) · oklch(94.7% 0.031 75.2)
OKLab
oklab(0.947 0.008 0.030)
Lab (D50)
lab(93.86 2.86 11.66)
LCH (D50)
lch(93.86 12.01 76.22)
Display P3
color(display-p3 0.9703 0.9236 0.8517)
Linear sRGB
color(srgb-linear 0.9560 0.8308 0.6795)

Gamut : sRGB et Display P3

#FAEBD7 est une couleur hexadécimale : elle est donc dans sRGB et, par conséquent, dans Display P3. À cette luminosité et cette teinte, sRGB atteint une chroma de 0.043 et Display P3 de 0.055 ; cette couleur utilise 71 % de la chroma sRGB disponible.

Extraits CSS

.element {
  color: #faebd7;
  color: rgb(250 235 215);
  color: hsl(34 78% 91%);
  color: oklch(0.947 0.031 75.2);
}

/* Tailwind CSS v4 */
@theme {
  --color-brand: oklch(0.947 0.031 75.2);
}
/* arbitrary values */
class="text-[#faebd7] bg-[oklch(0.947_0.031_75.2)]"

/* wide-gamut screens */
@media (color-gamut: p3) {
  .element { color: color(display-p3 0.9703 0.9236 0.8517); }
}

/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #faebd7 calc(l - 0.1) c h); }

Couleurs proches

Couleurs les plus proches dans les palettes Tailwind et CSS (distance OKLab).

Plus clair et plus foncé, même teinte et même chroma

  • #FFFDE9 · oklch(1.000 0.031 75.2) · ΔL +0.06
  • #E6D7C4 · oklch(0.887 0.031 75.2) · ΔL −0.06

Ouvrir dans le studio

Autres convertisseurs pour cette couleur

Tous les convertisseurs →