RGB na HEX: #007A55
Znany także jako: Tailwind emerald-700
Wynik
rgb(0 122 85) → #007A55
Wartości podano z pełną precyzją, więc przeliczenie z powrotem daje dokładnie #007a55. 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. base 10 → base 16
R = 0 = 0×16 + 0 → 00 G = 122 = 7×16 + 10 → 7A B = 85 = 5×16 + 5 → 55
2. pairs → HEX
00 7A 55 → #007A55
Wszystkie formaty
- HEX
- #007a55
- RGB
- rgb(0 122 85)
- RGB (legacy)
- rgb(0, 122, 85)
- HSL
- hsl(161.80 100.00% 23.92%) → hsl(162 100% 24%)
- HWB
- hwb(162 0% 52%)
- OKLCH
- oklch(0.513 0.110 163.6) · oklch(51.3% 0.110 163.6)
- OKLab
- oklab(0.513 -0.105 0.031)
- Lab (D50)
- lab(44.95 -37.62 11.78)
- LCH (D50)
- lch(44.95 39.42 162.62)
- Display P3
- color(display-p3 0.2046 0.4710 0.3438)
- Linear sRGB
- color(srgb-linear 0.0000 0.1946 0.0908)
Gamut: sRGB i Display P3
#007A55 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.110, a Display P3 0.151; ten kolor wykorzystuje 100% dostępnej chromy sRGB.
Fragmenty CSS
.element {
color: #007a55;
color: rgb(0 122 85);
color: hsl(162 100% 24%);
color: oklch(0.513 0.110 163.6);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.513 0.110 163.6);
}
/* arbitrary values */
class="text-[#007a55] bg-[oklch(0.513_0.110_163.6)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.2046 0.4710 0.3438); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #007a55 calc(l - 0.1) c h); }Kolory w pobliżu
Najbliższe kolory w paletach Tailwind i CSS (odległość OKLab).
- v3 emerald-700#047857
- v3 green-700#15803D
- teal-700#00786F
- v3 teal-700#0F766E
- green-700#008236
- seagreen#2E8B57
- teal#008080
- v3 green-800#166534
Jaśniejszy i ciemniejszy, ta sama barwa i chroma
- #258C66 · oklch(0.573 0.110 163.6) · ΔL +0.06
- #006845 · oklch(0.453 0.110 163.6) · ΔL −0.06