Utworzono o godz 06/09/2025 17:01
Dark Mode Design Tokens
- Code Black#0e0e0e
- Token Gray#343434
- Label White#ededed
- UI Accent Cyan#1de9b6
- Interaction Blue#2979ff
- Focus Lime#cddc39
- Subtle Violet#ab92bf
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Interaction Blue #2979ff i Focus Lime #cddc39. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #0E0E0E (najciemniejszy) do #EDEDED (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się głównie stonowane (niska chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #0E0E0E, #1DE9B6, #2979FF, #343434, #AB92BF, #CDDC39, #EDEDED
Paleta Dark Mode Design Tokens zawiera kombinację kolorów kodów 7:
KLĄTWA: #0e0e0e, RGB: (14, 14, 14); KLĄTWA: #343434, RGB: (52, 52, 52); KLĄTWA: #ededed, RGB: (237, 237, 237)
KLĄTWA: #1de9b6, RGB: (29, 233, 182); KLĄTWA: #2979ff, RGB: (41, 121, 255); KLĄTWA: #cddc39, RGB: (205, 220, 57)
KLĄTWA: #ab92bf, RGB: (171, 146, 191)
Uproszczona wersja palety kolorów
Cień Czarny, Cień Czarny, Odcień whitesmoke, Odcień aquamarine, Cień royalblue, Cień Żółty zielony, Odcień plum
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Dark Mode Design Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #0e0e0e | #0e0e0e | RGB(14, 14, 14) | Code Black | — |
| #343434 | #343434 | RGB(52, 52, 52) | Token Gray | Jet |
| #ededed | #ededed | RGB(237, 237, 237) | Label White | White Edgar |
| #1de9b6 | #1de9b6 | RGB(29, 233, 182) | UI Accent Cyan | — |
| #2979ff | #2979ff | RGB(41, 121, 255) | Interaction Blue | — |
| #cddc39 | #cddc39 | RGB(205, 220, 57) | Focus Lime | — |
| #ab92bf | #ab92bf | RGB(171, 146, 191) | Subtle Violet | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#0e0e0e | #343434 | 1.55 |
#ededed | #1de9b6 | 1.34 |
#ededed | #cddc39 | 1.29 |
#1de9b6 | #cddc39 | 1.03 |
#1de9b6 | #ab92bf | 1.76 |
#2979ff | #ab92bf | 1.44 |
Paleta obrazów Dark Mode Design Tokens png
Eksportuj paletę
Pobierz "Dark Mode Design Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: