OKLCH Studio

OKLCH in HEX: #441306

Auch bekannt als: Tailwind orange-950

Ergebnis

oklch(0.26621 0.07891 35.913) → #441306

Die Werte stehen in voller Genauigkeit, die Rückrechnung ergibt exakt #441306. Die gerundete Form fügst du üblicherweise in CSS ein.

Rechenweg Schritt für Schritt

Jede Zahl wird aus der Eingabe berechnet, nichts ist nachgeschlagen.

  1. 1. input

    oklch(0.26621 0.07891 35.913)

  2. 2. OKLCH → Oklab

    a = C·cos H = 0.06391
b = C·sin H = 0.04629

  3. 3. Oklab → LMS′

    l′ = L + 0.3963·a + 0.2158·b = 0.301528
m′ = L − 0.1056·a − 0.0639·b = 0.256508
s′ = L − 0.0895·a − 1.2915·b = 0.200714

  4. 4. cube

    l = 0.301528³ = 0.027415
m = 0.256508³ = 0.016877
s = 0.200714³ = 0.008086

  5. 5. LMS → linear sRGB

    R = 4.0767·l − 3.3077·m + 0.2310·s = 0.057805
G = −1.2684·l + 2.6098·m − 0.3413·s = 0.006512
B = −0.0042·l − 0.7034·m + 1.7076·s = 0.001821

  6. 6. linear → sRGB, × 255

    R = 0.26667 × 255 = 68.00 → 68
G = 0.07451 × 255 = 19.00 → 19
B = 0.02353 × 255 = 6.00 → 6

  7. 7. RGB → HEX

    #441306

Alle Formate

HEX
#441306
RGB
rgb(68 19 6)
RGB (legacy)
rgb(68, 19, 6)
HSL
hsl(12.58 83.78% 14.51%) → hsl(13 84% 15%)
HWB
hwb(13 2% 73%)
OKLCH
oklch(0.266 0.079 35.9) · oklch(26.6% 0.079 35.9)
OKLab
oklab(0.266 0.064 0.046)
Lab (D50)
lab(14.20 23.48 19.31)
LCH (D50)
lch(14.20 30.40 39.44)
Display P3
color(display-p3 0.2445 0.0877 0.0403)
Linear sRGB
color(srgb-linear 0.0578 0.0065 0.0018)

Gamut: sRGB und Display P3

#441306 ist eine Hex-Farbe und liegt damit in sRGB und folglich in Display P3. Bei dieser Helligkeit und diesem Farbton erreicht sRGB eine Chroma von 0.091, Display P3 von 0.103; diese Farbe nutzt 86 % der verfügbaren sRGB-Chroma.

CSS-Snippets

.element {
  color: #441306;
  color: rgb(68 19 6);
  color: hsl(13 84% 15%);
  color: oklch(0.266 0.079 35.9);
}

/* Tailwind CSS v4 */
@theme {
  --color-brand: oklch(0.266 0.079 35.9);
}
/* arbitrary values */
class="text-[#441306] bg-[oklch(0.266_0.079_35.9)]"

/* wide-gamut screens */
@media (color-gamut: p3) {
  .element { color: color(display-p3 0.2445 0.0877 0.0403); }
}

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

Ähnliche Farben

Nächste Farben in den Paletten von Tailwind und CSS (OKLab-Abstand).

Heller und dunkler, gleicher Farbton und gleiche Chroma

  • #552316 · oklch(0.326 0.079 35.9) · ΔL +0.06
  • #330300 · oklch(0.206 0.079 35.9) · ΔL −0.06

Im Studio öffnen

Im OKLCH-Farbwähler öffnenKontrast auf Weiß prüfen

Weitere Umrechner für diese Farbe

Alle Umrechner →