Headless UI Dark Pattern Set
- Module Black#0f0f0f
- Focus Pink#ff80ab
- Fade Slate#71717a
- Toggle Lilac#c084fc
- Surface Jet#1c1c1e
- Hint Cream#faf8f6
Utworzono 06/12/2025 08:36
Paleta składa się z kolorów Ciemny, Jasny, Półciemny. Kolory akcentujące Focus Pink #ff80ab i Toggle Lilac #c084fc. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.
Według jasności paleta rozciąga się od #0F0F0F (najciemniejszy) do #FAF8F6 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 2 żywych z 6 kolorów.
Zróżnicowana paleta: jej odcienie rozkładają się na około 120° koła barw.
Większość próbek odczytuje się jako neutralne w temperaturze (4 z 6).
Kody HEX (posortowane): #0F0F0F, #1C1C1E, #71717A, #C084FC, #FAF8F6, #FF80AB
Paleta Headless UI Dark Pattern Set łączy 6 kodów kolorów:
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #ff80ab, RGB: (255, 128, 171); HEX: #71717a, RGB: (113, 113, 122)
HEX: #c084fc, RGB: (192, 132, 252); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #faf8f6, RGB: (250, 248, 246)
Uproszczona wersja palety kolorów
Jasny odcień Czarny, Jasny odcień Jaskraworóżowy, Jasny odcień Przyćmiony szary, Ciemny odcień Fiołkowy, Jasny odcień Czarny, Jasny odcień Biały dym
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Headless UI Dark Pattern Set kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Module Black | Chaos Black |
| #ff80ab | #ff80ab | RGB(255, 128, 171) | Focus Pink | — |
| #71717a | #71717a | RGB(113, 113, 122) | Fade Slate | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Toggle Lilac | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Surface Jet | — |
| #faf8f6 | #faf8f6 | RGB(250, 248, 246) | Hint Cream | — |
Kontrast palety kolorów
3 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#0f0f0f | #1c1c1e | 1.12 |
#ff80ab | #c084fc | 1.12 |
#71717a | #c084fc | 1.82 |
Paleta obrazów Headless UI Dark Pattern Set png
Eksportuj paletę
Pobierz "Headless UI Dark Pattern Set" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: