HEX na OKLCH: #71717B
Znany także jako: Tailwind zinc-500
Wynik
#71717B → oklch(0.552 0.015 285.9)
Wartości podano z pełną precyzją, więc przeliczenie z powrotem daje dokładnie #71717b. Zaokrągloną postać zwykle wklejasz do CSS.
Obliczenia krok po kroku
Każda liczba jest wyliczona z danych wejściowych, nic nie jest pobierane z tabel.
1. sRGB → linear
R: 113/255 = 0.44314 → 0.165132 (((x + 0.055) / 1.055)^2.4) G: 113/255 = 0.44314 → 0.165132 (((x + 0.055) / 1.055)^2.4) B: 123/255 = 0.48235 → 0.198069 (((x + 0.055) / 1.055)^2.4)
2. linear sRGB → LMS
l = 0.4122·R + 0.5363·G + 0.0514·B = 0.166827 m = 0.2119·R + 0.6807·G + 0.1074·B = 0.168670 s = 0.0883·R + 0.2817·G + 0.6300·B = 0.185882
3. cube root
l′ = ∛0.166827 = 0.550497 m′ = ∛0.168670 = 0.552517 s′ = ∛0.185882 = 0.570706
4. LMS′ → Oklab
L = 0.2105·l′ + 0.7936·m′ − 0.0041·s′ = 0.55202 a = 1.9780·l′ − 2.4286·m′ + 0.4506·s′ = 0.00420 b = 0.0259·l′ + 0.7828·m′ − 0.8087·s′ = -0.01476
5. Oklab → OKLCH
C = √(a² + b²) = 0.01535 H = atan2(b, a) = 285.886° L = 0.55202
6. OKLCH
oklch(0.55202 0.01535 285.886) rounded: oklch(0.552 0.015 285.9)
Wszystkie formaty
- HEX
- #71717b
- RGB
- rgb(113 113 123)
- RGB (legacy)
- rgb(113, 113, 123)
- HSL
- hsl(240.00 4.24% 46.27%) → hsl(240 4% 46%)
- HWB
- hwb(240 44% 52%)
- OKLCH
- oklch(0.552 0.015 285.9) · oklch(55.2% 0.015 285.9)
- OKLab
- oklab(0.552 0.004 -0.015)
- Lab (D50)
- lab(47.90 1.58 -5.54)
- LCH (D50)
- lch(47.90 5.76 285.90)
- Display P3
- color(display-p3 0.4431 0.4431 0.4790)
- Linear sRGB
- color(srgb-linear 0.1651 0.1651 0.1981)
Gamut: sRGB i Display P3
#71717B to kolor szesnastkowy, więc mieści się w sRGB, a zatem także w Display P3. Przy tej jasności i barwie sRGB osiąga chromę 0.261, a Display P3 0.280; ten kolor wykorzystuje 6% dostępnej chromy sRGB.
Fragmenty CSS
.element {
color: #71717b;
color: rgb(113 113 123);
color: hsl(240 4% 46%);
color: oklch(0.552 0.015 285.9);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.552 0.015 285.9);
}
/* arbitrary values */
class="text-[#71717b] bg-[oklch(0.552_0.015_285.9)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.4431 0.4431 0.4790); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #71717b calc(l - 0.1) c h); }Kolory w pobliżu
Najbliższe kolory w paletach Tailwind i CSS (odległość OKLab).
- v3 zinc-500#71717A
- v3 gray-500#6B7280
- gray-500#6A7282
- neutral-500#737373
- mist-500#67787C
- v3 stone-500#78716C
- mauve-500#79697B
- stone-500#79716B
Jaśniejszy i ciemniejszy, ta sama barwa i chroma
- #83838D · oklch(0.612 0.015 285.9) · ΔL +0.06
- #60606A · oklch(0.492 0.015 285.9) · ΔL −0.06