Pink — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #FFC0CB | |
| RGB | rgb(255, 192, 203) | |
| HSL | hsl(350, 100%, 88%) |
Odcienie Pink
| #FF94A6 | #FF6680 | #FF3859 | #FF0A33 | #DB0025 | #AD001D | #800015 | #52000E |
Jasności Pink
| #FFC7D0 | #FFCCD5 | #FFD1D9 | #FFD6DD | #FFDBE1 | #FFE0E5 | #FFE5EA | #FFEBEE |
Zestawienia kolorów i harmonia
|
Komplementarny
#C2FFF5
|
Analogiczny +30°
#FFD6C2
|
Analogiczny −30°
#FFC2EB
|
Triadyczny +120°
#CCFFC2
|
Triadyczny −120°
#C2CCFF
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #FFC0CB;
}
.element-bg {
background-color: #FFC0CB;
color: #000000;
}
.element-border {
border: 2px solid #FFC0CB;
}
O kolorze Pink
Pink to kolor bardzo jasny o żywym, bardzo wysokim nasyceniu, zdefiniowany kodem hex #FFC0CB. Dokładne wartości modeli barw to rgb(255, 192, 203) w RGB i hsl(350, 100%, 88%) w HSL (barwa 350°, nasycenie 100%, jasność 88%). Na białym tle współczynnik kontrastu wynosi 1.54:1 — Nie zaliczony, na czarnym — 13.65:1 — AAA — zaliczony dla normalnego tekstu. Użyj Pink 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 →