#00C853 — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #00C853 | |
| RGB | rgb(0, 200, 83) | |
| HSL | hsl(145, 100%, 39%) |
Odcienie #00C853
| #00B34A | #009E42 | #008A39 | #007531 | #006128 | #004D20 | #003817 | #00240F |
Jasności #00C853
| #00E660 | #05FF6D | #24FF7F | #42FF91 | #61FFA3 | #80FFB5 | #9EFFC6 | #BDFFD8 |
Zestawienia kolorów i harmonia
|
Komplementarny
#C70074
|
Analogiczny +30°
#00C7B6
|
Analogiczny −30°
#11C700
|
Triadyczny +120°
#5300C7
|
Triadyczny −120°
#C75300
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #00C853;
}
.element-bg {
background-color: #00C853;
color: #000000;
}
.element-border {
border: 2px solid #00C853;
}
O kolorze #00C853
#00C853 to kolor ciemny o żywym, bardzo wysokim nasyceniu, zdefiniowany kodem hex #00C853. Dokładne wartości modeli barw to rgb(0, 200, 83) w RGB i hsl(145, 100%, 39%) w HSL (barwa 145°, nasycenie 100%, jasność 39%). Na białym tle współczynnik kontrastu wynosi 2.24:1 — Nie zaliczony, na czarnym — 9.39:1 — AAA — zaliczony dla normalnego tekstu. Użyj #00C853 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 →