Utworzono o godz 07/02/2025 16:51
UI Component Design Tokens
- Primary Cyan#00bcd4
- Secondary Plum#ab47bc
- Info Teal#26a69a
- Warning Amber#ffc107
- Error Crimson#d32f2f
- Neutral Grey#bdbdbd
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Primary Cyan #00bcd4 i Warning Amber #ffc107. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #26A69A (najciemniejszy) do #BDBDBD (najjaśniejszy). Zakres jasności jest umiarkowany.
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): #00BCD4, #26A69A, #AB47BC, #BDBDBD, #D32F2F, #FFC107
Paleta UI Component Design Tokens zawiera kombinację kolorów kodów 6:
KLĄTWA: #00bcd4, RGB: (0, 188, 212); KLĄTWA: #ab47bc, RGB: (171, 71, 188); KLĄTWA: #26a69a, RGB: (38, 166, 154)
KLĄTWA: #ffc107, RGB: (255, 193, 7); KLĄTWA: #d32f2f, RGB: (211, 47, 47); KLĄTWA: #bdbdbd, RGB: (189, 189, 189)
Uproszczona wersja palety kolorów
Odcień darkturquoise, Odcień mediumorchid, Odcień lightseagreen, Odcień gold, Cień crimson, Odcień Srebro
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
UI Component Design Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Primary Cyan | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | Secondary Plum | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | Info Teal | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Warning Amber | — |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | Error Crimson | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Neutral Grey | Gray74 |
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 |
#00bcd4 | #26a69a | 1.3 |
#00bcd4 | #ffc107 | 1.4 |
#00bcd4 | #bdbdbd | 1.22 |
#ab47bc | #26a69a | 1.6 |
#ab47bc | #d32f2f | 1.03 |
#26a69a | #ffc107 | 1.83 |
Paleta obrazów UI Component Design Tokens png
Eksportuj paletę
Pobierz "UI Component Design Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: