Utworzono o godz 06/14/2025 19:44
Design Tokens Light UI Kit
- Base Linen#faf8f5
- Primary Teal#00cfc1
- Accent Rose#ffb4a2
- Info Indigo#6c63ff
- Border Fog#e5e5e5
- Interactive Charcoal#222222
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Primary Teal #00cfc1 i Accent Rose #ffb4a2. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #222222 (najciemniejszy) do #FAF8F5 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
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): #00CFC1, #222222, #6C63FF, #E5E5E5, #FAF8F5, #FFB4A2
Paleta Design Tokens Light UI Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #faf8f5, RGB: (250, 248, 245); KLĄTWA: #00cfc1, RGB: (0, 207, 193); KLĄTWA: #ffb4a2, RGB: (255, 180, 162)
KLĄTWA: #6c63ff, RGB: (108, 99, 255); KLĄTWA: #e5e5e5, RGB: (229, 229, 229); KLĄTWA: #222222, RGB: (34, 34, 34)
Uproszczona wersja palety kolorów
Cień whitesmoke, Odcień mediumturquoise, Cień lightsalmon, Odcień mediumslateblue, Cień gainsboro, Cień Czarny
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Design Tokens Light UI Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #faf8f5 | #faf8f5 | RGB(250, 248, 245) | Base Linen | — |
| #00cfc1 | #00cfc1 | RGB(0, 207, 193) | Primary Teal | — |
| #ffb4a2 | #ffb4a2 | RGB(255, 180, 162) | Accent Rose | — |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Info Indigo | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Border Fog | Gray90 |
| #222222 | #222222 | RGB(34, 34, 34) | Interactive Charcoal | Black Out |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#faf8f5 | #00cfc1 | 1.85 |
#faf8f5 | #ffb4a2 | 1.61 |
#faf8f5 | #e5e5e5 | 1.18 |
#00cfc1 | #ffb4a2 | 1.15 |
#00cfc1 | #e5e5e5 | 1.55 |
#ffb4a2 | #e5e5e5 | 1.35 |
Paleta obrazów Design Tokens Light UI Kit png
Eksportuj paletę
Pobierz "Design Tokens Light UI Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: