Purple — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #800080 | |
| RGB | rgb(128, 0, 128) | |
| HSL | hsl(300, 100%, 25%) |
Odcienie Purple
| #750075 | #6B006B | #610061 | #570057 | #4D004D | #420042 | #380038 | #2E002E |
Jasności Purple
| #A800A8 | #D100D1 | #FA00FA | #FF24FF | #FF4DFF | #FF75FF | #FF9EFF | #FFC7FF |
Zestawienia kolorów i harmonia
|
Komplementarny
#008000
|
Analogiczny +30°
#800040
|
Analogiczny −30°
#400080
|
Triadyczny +120°
#808000
|
Triadyczny −120°
#008080
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #800080;
}
.element-bg {
background-color: #800080;
color: #ffffff;
}
.element-border {
border: 2px solid #800080;
}
O kolorze Purple
Purple to kolor ciemny o żywym, bardzo wysokim nasyceniu, zdefiniowany kodem hex #800080. Dokładne wartości modeli barw to rgb(128, 0, 128) w RGB i hsl(300, 100%, 25%) w HSL (barwa 300°, nasycenie 100%, jasność 25%). Na białym tle współczynnik kontrastu wynosi 9.42:1 — AAA — zaliczony dla normalnego tekstu, na czarnym — 2.23:1 — Nie zaliczony. Użyj Purple 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 →