HEX na OKLCH: #075985
Znany także jako: Tailwind v3 sky-800
Wynik
#075985 → oklch(0.443 0.100 240.8)
Wartości podano z pełną precyzją, więc przeliczenie z powrotem daje dokładnie #075985. 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: 7/255 = 0.02745 → 0.002125 (÷ 12.92) G: 89/255 = 0.34902 → 0.099899 (((x + 0.055) / 1.055)^2.4) B: 133/255 = 0.52157 → 0.234551 (((x + 0.055) / 1.055)^2.4)
2. linear sRGB → LMS
l = 0.4122·R + 0.5363·G + 0.0514·B = 0.066521 m = 0.2119·R + 0.6807·G + 0.1074·B = 0.093641 s = 0.0883·R + 0.2817·G + 0.6300·B = 0.176093
3. cube root
l′ = ∛0.066521 = 0.405186 m′ = ∛0.093641 = 0.454104 s′ = ∛0.176093 = 0.560506
4. LMS′ → Oklab
L = 0.2105·l′ + 0.7936·m′ − 0.0041·s′ = 0.44338 a = 1.9780·l′ − 2.4286·m′ + 0.4506·s′ = -0.04882 b = 0.0259·l′ + 0.7828·m′ − 0.8087·s′ = -0.08731
5. Oklab → OKLCH
C = √(a² + b²) = 0.10003 H = atan2(b, a) = 240.790° L = 0.44338
6. OKLCH
oklch(0.44338 0.10003 240.790) rounded: oklch(0.443 0.100 240.8)
Wszystkie formaty
- HEX
- #075985
- RGB
- rgb(7 89 133)
- RGB (legacy)
- rgb(7, 89, 133)
- HSL
- hsl(200.95 90.00% 27.45%) → hsl(201 90% 27%)
- HWB
- hwb(201 3% 48%)
- OKLCH
- oklch(0.443 0.100 240.8) · oklch(44.3% 0.100 240.8)
- OKLab
- oklab(0.443 -0.049 -0.087)
- Lab (D50)
- lab(35.26 -9.48 -31.39)
- LCH (D50)
- lch(35.26 32.79 253.19)
- Display P3
- color(display-p3 0.1495 0.3435 0.5073)
- Linear sRGB
- color(srgb-linear 0.0021 0.0999 0.2346)
Gamut: sRGB i Display P3
#075985 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.103, a Display P3 0.134; ten kolor wykorzystuje 97% dostępnej chromy sRGB.
Fragmenty CSS
.element {
color: #075985;
color: rgb(7 89 133);
color: hsl(201 90% 27%);
color: oklch(0.443 0.100 240.8);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.443 0.100 240.8);
}
/* arbitrary values */
class="text-[#075985] bg-[oklch(0.443_0.100_240.8)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.1495 0.3435 0.5073); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #075985 calc(l - 0.1) c h); }Kolory w pobliżu
Najbliższe kolory w paletach Tailwind i CSS (odległość OKLab).
- sky-800#00598A
- cyan-800#005F78
- v3 cyan-800#155E75
- sky-900#024A70
- v3 sky-900#0C4A6E
- cyan-900#104E64
- v3 cyan-900#164E63
- v3 sky-700#0369A1
Jaśniejszy i ciemniejszy, ta sama barwa i chroma
- #226A98 · oklch(0.503 0.100 240.8) · ΔL +0.06
- #004873 · oklch(0.383 0.100 240.8) · ΔL −0.06