Utworzono o godz 07/21/2025 12:41
Accessible Dark UI Toolkit Flow
- Shadow Graphite#121212
- Tooltip White#f5f5f5
- CTA Orange#ffa500
- Link Sky#87ceeb
- Form Ink#1e1e1e
- Toggle Lime#b5f44a
- AltText Grey#a9a9a9
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące CTA Orange #ffa500 i Link Sky #87ceeb. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.
Według jasności paleta rozciąga się od #121212 (najciemniejszy) do #F5F5F5 (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).
Większość próbek odczytuje się jako neutralne w temperaturze.
Kody HEX (posortowane): #121212, #1E1E1E, #87CEEB, #A9A9A9, #B5F44A, #F5F5F5, #FFA500
Paleta Accessible Dark UI Toolkit Flow zawiera kombinację kolorów kodów 7:
KLĄTWA: #121212, RGB: (18, 18, 18); KLĄTWA: #f5f5f5, RGB: (245, 245, 245); KLĄTWA: #ffa500, RGB: (255, 165, 0)
KLĄTWA: #87ceeb, RGB: (135, 206, 235); KLĄTWA: #1e1e1e, RGB: (30, 30, 30); KLĄTWA: #b5f44a, RGB: (181, 244, 74)
KLĄTWA: #a9a9a9, RGB: (169, 169, 169)
Uproszczona wersja palety kolorów
Cień Czarny, Pomarańczowy, Cień Czarny, Odcień greenyellow
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Accessible Dark UI Toolkit Flow kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #121212 | #121212 | RGB(18, 18, 18) | Shadow Graphite | Dark Tone Ink |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Tooltip White | White Smoke |
| #ffa500 | #ffa500 | RGB(255, 165, 0) | CTA Orange | Orange |
| #87ceeb | #87ceeb | RGB(135, 206, 235) | Link Sky | Afternoon Sky |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Form Ink | — |
| #b5f44a | #b5f44a | RGB(181, 244, 74) | Toggle Lime | — |
| #a9a9a9 | #a9a9a9 | RGB(169, 169, 169) | AltText Grey | Darkgray |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#121212 | #1e1e1e | 1.12 |
#f5f5f5 | #ffa500 | 1.81 |
#f5f5f5 | #87ceeb | 1.59 |
#f5f5f5 | #b5f44a | 1.2 |
#ffa500 | #87ceeb | 1.13 |
#ffa500 | #b5f44a | 1.5 |
Paleta obrazów Accessible Dark UI Toolkit Flow png
Eksportuj paletę
Pobierz "Accessible Dark UI Toolkit Flow" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: