OKLCH Studio

OKLCH in HEX: #15803D

Auch bekannt als: Tailwind v3 green-700

Ergebnis

oklch(0.52730 0.13710 150.069) → #15803D

Die Werte stehen in voller Genauigkeit, die Rückrechnung ergibt exakt #15803d. 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.52730 0.13710 150.069)

  2. 2. OKLCH → Oklab

    a = C·cos H = -0.11881
b = C·sin H = 0.06841

  3. 3. Oklab → LMS′

    l′ = L + 0.3963·a + 0.2158·b = 0.494972
m′ = L − 0.1056·a − 0.0639·b = 0.535474
s′ = L − 0.0895·a − 1.2915·b = 0.449585

  4. 4. cube

    l = 0.494972³ = 0.121267
m = 0.535474³ = 0.153538
s = 0.449585³ = 0.090873

  5. 5. LMS → linear sRGB

    R = 4.0767·l − 3.3077·m + 0.2310·s = 0.007503
G = −1.2684·l + 2.6098·m − 0.3413·s = 0.215861
B = −0.0042·l − 0.7034·m + 1.7076·s = 0.046666

  6. 6. linear → sRGB, × 255

    R = 0.08238 × 255 = 21.01 → 21
G = 0.50196 × 255 = 128.00 → 128
B = 0.23922 × 255 = 61.00 → 61

  7. 7. RGB → HEX

    #15803D

Alle Formate

HEX
#15803d
RGB
rgb(21 128 61)
RGB (legacy)
rgb(21, 128, 61)
HSL
hsl(142.43 71.81% 29.22%) → hsl(142 72% 29%)
HWB
hwb(142 8% 50%)
OKLCH
oklch(0.527 0.137 150.1) · oklch(52.7% 0.137 150.1)
OKLab
oklab(0.527 -0.119 0.068)
Lab (D50)
lab(46.88 -41.65 27.62)
LCH (D50)
lch(46.88 49.97 146.45)
Display P3
color(display-p3 0.2334 0.4945 0.2677)
Linear sRGB
color(srgb-linear 0.0075 0.2159 0.0467)

Gamut: sRGB und Display P3

#15803D 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.145, Display P3 von 0.202; diese Farbe nutzt 95 % der verfügbaren sRGB-Chroma.

CSS-Snippets

.element {
  color: #15803d;
  color: rgb(21 128 61);
  color: hsl(142 72% 29%);
  color: oklch(0.527 0.137 150.1);
}

/* Tailwind CSS v4 */
@theme {
  --color-brand: oklch(0.527 0.137 150.1);
}
/* arbitrary values */
class="text-[#15803d] bg-[oklch(0.527_0.137_150.1)]"

/* wide-gamut screens */
@media (color-gamut: p3) {
  .element { color: color(display-p3 0.2334 0.4945 0.2677); }
}

/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #15803d 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

  • #2F924E · oklch(0.587 0.137 150.1) · ΔL +0.06
  • #006E2C · oklch(0.467 0.137 150.1) · ΔL −0.06

Im Studio öffnen

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

Weitere Umrechner für diese Farbe

Alle Umrechner →