HEX na RGB: #894B00
Znany także jako: Tailwind yellow-800
Wynik
#894B00 → rgb(137 75 0)
Wartości podano z pełną precyzją, więc przeliczenie z powrotem daje dokładnie #894b00. 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. HEX → pairs
#894B00 → 89 | 4B | 00
2. base 16 → base 10
R = 89₁₆ = 8×16 + 9 = 137 G = 4B₁₆ = 4×16 + 11 = 75 B = 00₁₆ = 0×16 + 0 = 0
3. RGB
rgb(137 75 0)
Wszystkie formaty
- HEX
- #894b00
- RGB
- rgb(137 75 0)
- RGB (legacy)
- rgb(137, 75, 0)
- HSL
- hsl(32.85 100.00% 26.86%) → hsl(33 100% 27%)
- HWB
- hwb(33 0% 46%)
- OKLCH
- oklch(0.478 0.112 60.4) · oklch(47.8% 0.112 60.4)
- OKLab
- oklab(0.478 0.055 0.097)
- Lab (D50)
- lab(38.92 23.68 48.27)
- LCH (D50)
- lch(38.92 53.76 63.87)
- Display P3
- color(display-p3 0.5045 0.3062 0.0957)
- Linear sRGB
- color(srgb-linear 0.2502 0.0704 0.0000)
Gamut: sRGB i Display P3
#894B00 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.112, a Display P3 0.127; ten kolor wykorzystuje 100% dostępnej chromy sRGB.
Fragmenty CSS
.element {
color: #894b00;
color: rgb(137 75 0);
color: hsl(33 100% 27%);
color: oklch(0.478 0.112 60.4);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.478 0.112 60.4);
}
/* arbitrary values */
class="text-[#894b00] bg-[oklch(0.478_0.112_60.4)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.5045 0.3062 0.0957); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #894b00 calc(l - 0.1) c h); }Kolory w pobliżu
Najbliższe kolory w paletach Tailwind i CSS (odległość OKLab).
- v3 yellow-800#854D0E
- saddlebrown#8B4513
- v3 amber-800#92400E
- amber-800#973C00
- sienna#A0522D
- yellow-900#733E0A
- v3 orange-800#9A3412
- v3 yellow-900#713F12
Jaśniejszy i ciemniejszy, ta sama barwa i chroma
- #9C5C1D · oklch(0.538 0.112 60.4) · ΔL +0.06
- #763A00 · oklch(0.418 0.112 60.4) · ΔL −0.06