#008080

Teal — kody koloru i paleta

Q: Jaka jest wartość RGB koloru Teal?

Wartość RGB koloru Teal (#008080) to rgb(0, 128, 128). Opisuje kanały czerwonego, zielonego i niebieskiego w skali 0–255.

Q: Czy Teal jest dostępny na białym tle?

Współczynnik kontrastu koloru Teal (#008080) na białym tle (#FFFFFF) wynosi 4.77:1 — AA — zaliczony dla normalnego tekstu. Na czarnym tle (#000000) wynosi 4.40:1 — AA — zaliczony tylko dla dużego tekstu. WCAG 2.1 wymaga 4,5:1 dla normalnego tekstu (AA) i 7:1 dla rozszerzonego (AAA).

Q: Jakie kolory pasują do Teal?

Teal (#008080) dobrze komponuje się z kolorem komplementarnym i analogicznymi odcieniami. Kolor komplementarny to #800000, analogiczny +30° to #004080, a jeden z triadycznych to #800080. Zależności te wynikają z teorii kolorów z użyciem HSL (hsl(180, 100%, 25%)) jako podstawy.

#008080 · rgb(0, 128, 128) · hsl(180, 100%, 25%)

Kody koloru

Format	Wartość
HEX	#008080
RGB	rgb(0, 128, 128)
HSL	hsl(180, 100%, 25%)

Odcienie Teal

#007575

#006B6B

#006161

#005757

#004D4D

#004242

#003838

#002E2E

Jasności Teal

#00A8A8

#00D1D1

#00FAFA

#24FFFF

#4DFFFF

#75FFFF

#9EFFFF

#C7FFFF

Zestawienia kolorów i harmonia

Komplementarny

#800000

Analogiczny +30°

#004080

Analogiczny −30°

#008040

Triadyczny +120°

#800080

Triadyczny −120°

#808000

Kontrast i dostępność (WCAG 2.1)

na tle białym (#FFFFFF)

4.77:1 — AA — zaliczony dla normalnego tekstu

na tle czarnym (#000000)

4.40:1 — AA — zaliczony tylko dla dużego tekstu

Fragment CSS

.element {
  color: #008080;
}

.element-bg {
  background-color: #008080;
  color: #ffffff;
}

.element-border {
  border: 2px solid #008080;
}

O kolorze Teal

Teal to kolor ciemny o żywym, bardzo wysokim nasyceniu, zdefiniowany kodem hex #008080. Dokładne wartości modeli barw to rgb(0, 128, 128) w RGB i hsl(180, 100%, 25%) w HSL (barwa 180°, nasycenie 100%, jasność 25%). Na białym tle współczynnik kontrastu wynosi 4.77:1 — AA — zaliczony dla normalnego tekstu, na czarnym — 4.40:1 — AA — zaliczony tylko dla dużego tekstu. Użyj Teal do elementów UI, teł, tekstu, obramowań lub dekoracyjnych akcentów. Sekcja odcieni pokazuje stopniowo ciemniejsze warianty, a jasności — stopniowo jaśniejsze, przydatne do budowania tonalnej palety. Próbki harmonii prezentują zestawienia komplementarne, analogiczne i triadyczne na podstawie koła barw HSL.

Chcesz eksplorować ten kolor interaktywnie, tworzyć palety lub konwertować formaty? DevArbor Color Picker ma wszystko, czego potrzebujesz.

Otwórz próbnik kolorów →

Najczęstsze pytania

Jaka jest wartość RGB koloru Teal?

Wartość RGB koloru Teal (#008080) to rgb(0, 128, 128). Reprezentuje ilości czerwonego, zielonego i niebieskiego światła w skali 0–255.

Czy Teal jest dostępny na białym tle?

Współczynnik kontrastu koloru Teal na białym tle (#FFFFFF) wynosi 4.77:1 — AA — zaliczony dla normalnego tekstu. Na czarnym tle (#000000) wynosi 4.40:1 — AA — zaliczony tylko dla dużego tekstu. WCAG 2.1 wymaga 4,5:1 dla AA (normalny tekst) i 7:1 dla AAA.

Jakie kolory pasują do Teal?

Według teorii kolorów Teal (hsl(180, 100%, 25%)) dobrze komponuje się z kolorami komplementarnymi, analogicznymi i triadycznymi. Zobacz próbki harmonii powyżej, aby poznać dokładne wartości hex każdego zestawienia.