GhostWhite — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #F8F8FF | |
| RGB | rgb(248, 248, 255) | |
| HSL | hsl(240, 100%, 99%) |
Odcienie GhostWhite
| #C2C2FF | #8A8AFF | #5252FF | #1A1AFF | #0000E0 | #0000A8 | #000070 | #000038 |
Jasności GhostWhite
| #FAFAFF | #FAFAFF | #FAFAFF | #FAFAFF | #FAFAFF | #FAFAFF | #FAFAFF | #FAFAFF |
Zestawienia kolorów i harmonia
|
Komplementarny
#FFFFFA
|
Analogiczny +30°
#FCFAFF
|
Analogiczny −30°
#FAFCFF
|
Triadyczny +120°
#FFFAFA
|
Triadyczny −120°
#FAFFFA
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #F8F8FF;
}
.element-bg {
background-color: #F8F8FF;
color: #000000;
}
.element-border {
border: 2px solid #F8F8FF;
}
O kolorze GhostWhite
GhostWhite to kolor bardzo jasny o żywym, bardzo wysokim nasyceniu, zdefiniowany kodem hex #F8F8FF. Dokładne wartości modeli barw to rgb(248, 248, 255) w RGB i hsl(240, 100%, 99%) w HSL (barwa 240°, nasycenie 100%, jasność 99%). Na białym tle współczynnik kontrastu wynosi 1.06:1 — Nie zaliczony, na czarnym — 19.86:1 — AAA — zaliczony dla normalnego tekstu. Użyj GhostWhite 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 →