Dark UX Interaction Engine
- Surface Night#1a1a1a
- Click Ripple Blue#3c91e6
- Alert Crimson#ff1e56
- Hover Slate#a1a1aa
- Keyboard Graphite#3a3a3c
- Outline Ice#e0e0e0
Utworzono 06/08/2025 17:41
Paleta składa się z kolorów Ciemny, Jasny, Półciemny. Kolory akcentujące Click Ripple Blue #3c91e6 i Alert Crimson #ff1e56. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #1A1A1A (najciemniejszy) do #E0E0E0 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się głównie stonowane (niska chroma) — 67% kolorów jest stonowanych.
Większość kolorów jest bliska neutralnej lub bardzo mało nasycona; relacje między barwami są subtelne.
Większość próbek odczytuje się jako neutralne w temperaturze (4 z 6).
Kody HEX (posortowane): #1A1A1A, #3A3A3C, #3C91E6, #A1A1AA, #E0E0E0, #FF1E56
Paleta Dark UX Interaction Engine łączy 6 kodów kolorów:
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #3c91e6, RGB: (60, 145, 230); HEX: #ff1e56, RGB: (255, 30, 86)
HEX: #a1a1aa, RGB: (161, 161, 170); HEX: #3a3a3c, RGB: (58, 58, 60); HEX: #e0e0e0, RGB: (224, 224, 224)
Uproszczona wersja palety kolorów
Jasny odcień Czarny, Jasny odcień Niebieski Dodger, Jasny odcień Karmazynowy, Ciemny odcień Ciemnoszary, Ciemny odcień Ciemny łupkowy szary, Jasny odcień Gainsboro
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
Dark UX Interaction Engine kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Surface Night | Gray10 |
| #3c91e6 | #3c91e6 | RGB(60, 145, 230) | Click Ripple Blue | — |
| #ff1e56 | #ff1e56 | RGB(255, 30, 86) | Alert Crimson | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Hover Slate | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Keyboard Graphite | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Outline Ice | Gray88 |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#1a1a1a | #3a3a3c | 1.53 |
#3c91e6 | #ff1e56 | 1.14 |
#3c91e6 | #a1a1aa | 1.28 |
#ff1e56 | #a1a1aa | 1.47 |
#a1a1aa | #e0e0e0 | 1.94 |
Paleta obrazów Dark UX Interaction Engine png
Eksportuj paletę
Pobierz "Dark UX Interaction Engine" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: