Utworzono o godz 06/30/2025 17:14
Intelligent UI Builder Tokens
- Component Indigo#4f46e5
- Logic Mint#4ade80
- Wireframe Cream#fff7ed
- Bind Coral#fb7185
- Loop Slate#475569
- Preview Fog#f3f4f6
- Deploy Jet#0f172a
Paleta składa się z kolorów Półciemny, Światło, Ciemny. Kolory akcentujące Component Indigo #4f46e5 i Wireframe Cream #fff7ed. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #FFF7ED (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, #475569, #4ADE80, #4F46E5, #F3F4F6, #FB7185, #FFF7ED
Paleta Intelligent UI Builder Tokens zawiera kombinację kolorów kodów 7:
KLĄTWA: #4f46e5, RGB: (79, 70, 229); KLĄTWA: #4ade80, RGB: (74, 222, 128); KLĄTWA: #fff7ed, RGB: (255, 247, 237)
KLĄTWA: #fb7185, RGB: (251, 113, 133); KLĄTWA: #475569, RGB: (71, 85, 105); KLĄTWA: #f3f4f6, RGB: (243, 244, 246)
KLĄTWA: #0f172a, RGB: (15, 23, 42)
Uproszczona wersja palety kolorów
Odcień slateblue, Cień mediumspringgreen, Odcień floralwhite, Odcień lightcoral, Cień darkslateblue, Odcień whitesmoke, Cień Czarny
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Intelligent UI Builder Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Component Indigo | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Logic Mint | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Wireframe Cream | Fatback |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Bind Coral | — |
| #475569 | #475569 | RGB(71, 85, 105) | Loop Slate | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Preview Fog | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Deploy Jet | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#4f46e5 | #475569 | 1.2 |
#4ade80 | #fff7ed | 1.64 |
#4ade80 | #fb7185 | 1.54 |
#4ade80 | #f3f4f6 | 1.58 |
#fff7ed | #f3f4f6 | 1.03 |
Paleta obrazów Intelligent UI Builder Tokens png
Eksportuj paletę
Pobierz "Intelligent UI Builder Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: