SeaGreen — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #2E8B57 | |
| RGB | rgb(46, 139, 87) | |
| HSL | hsl(146, 50%, 36%) |
Odcienie SeaGreen
| #297A4C | #246B43 | #1F5C39 | #1A4D30 | #143D26 | #0F2E1D | #0A1F13 | #050F0A |
Jasności SeaGreen
| #37A466 | #40BF77 | #5BC88A | #75D19D | #90DAB0 | #ABE3C3 | #C6ECD6 | #E0F5E9 |
Zestawienia kolorów i harmonia
|
Komplementarny
#8A2E62
|
Analogiczny +30°
#2E8A84
|
Analogiczny −30°
#348A2E
|
Triadyczny +120°
#562E8A
|
Triadyczny −120°
#8A562E
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #2E8B57;
}
.element-bg {
background-color: #2E8B57;
color: #000000;
}
.element-border {
border: 2px solid #2E8B57;
}
O kolorze SeaGreen
SeaGreen to kolor ciemny o wysokim nasyceniu, zdefiniowany kodem hex #2E8B57. Dokładne wartości modeli barw to rgb(46, 139, 87) w RGB i hsl(146, 50%, 36%) w HSL (barwa 146°, nasycenie 50%, jasność 36%). Na białym tle współczynnik kontrastu wynosi 4.25:1 — AA — zaliczony tylko dla dużego tekstu, na czarnym — 4.95:1 — AA — zaliczony dla normalnego tekstu. Użyj SeaGreen 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 →