Utworzono o godz 03/27/2026 21:14
Design System Tokens Semantic Scaling UI Colors
- Primary Blue#2563eb
- Secondary Purple#7c3aed
- Success Green#16a34a
- Danger Red#dc2626
- Warning Amber#f59e0b
- Neutral Gray#e5e7eb
- Background White#ffffff
- Text Dark#0f172a
Paleta składa się z kolorów Półciemny, Światło, Ciemny. Kolory akcentujące Secondary Purple #7c3aed i Warning Amber #f59e0b. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka 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): #0F172A, #16A34A, #2563EB, #7C3AED, #DC2626, #E5E7EB, #F59E0B, #FFFFFF
Paleta Design System Tokens Semantic Scaling UI Colors zawiera kombinację kolorów kodów 8:
KLĄTWA: #2563eb, RGB: (37, 99, 235); KLĄTWA: #7c3aed, RGB: (124, 58, 237); KLĄTWA: #16a34a, RGB: (22, 163, 74)
KLĄTWA: #dc2626, RGB: (220, 38, 38); KLĄTWA: #f59e0b, RGB: (245, 158, 11); KLĄTWA: #e5e7eb, RGB: (229, 231, 235)
KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #0f172a, RGB: (15, 23, 42)
Uproszczona wersja palety kolorów
Odcień royalblue, Cień blueviolet, Odcień mediumseagreen, Cień crimson, Odcień Pomarańczowy, Cień gainsboro, Biały, Cień Czarny
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Design System Tokens Semantic Scaling UI Colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #2563eb | #2563eb | RGB(37, 99, 235) | Primary Blue | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Secondary Purple | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | Success Green | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Danger Red | — |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Warning Amber | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Neutral Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #0f172a | #0f172a | RGB(15, 23, 42) | Text Dark | — |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#2563eb | #7c3aed | 1.1 |
#2563eb | #16a34a | 1.56 |
#2563eb | #dc2626 | 1.07 |
#7c3aed | #16a34a | 1.72 |
#7c3aed | #dc2626 | 1.17 |
#16a34a | #dc2626 | 1.46 |
Paleta obrazów Design System Tokens Semantic Scaling UI Colors png
Eksportuj paletę
Pobierz "Design System Tokens Semantic Scaling UI Colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: