Loading...
Utworzono o godz 06/25/2025 20:32
UI Kit Hyperstructure Engine
- Element Mint#6ee7b7
- Layer Smoke#e5e5e5
- Clickable Coral#f87171
- Slot Indigo#6366f1
- Modal Moon#0f172a
- Shadow Clay#d1d5db
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Clickable Coral #f87171 i Slot Indigo #6366f1. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #E5E5E5 (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): #0F172A, #6366F1, #6EE7B7, #D1D5DB, #E5E5E5, #F87171
Paleta UI Kit Hyperstructure Engine zawiera kombinację kolorów kodów 6:
KLĄTWA: #6ee7b7, RGB: (110, 231, 183); KLĄTWA: #e5e5e5, RGB: (229, 229, 229); KLĄTWA: #f87171, RGB: (248, 113, 113)
KLĄTWA: #6366f1, RGB: (99, 102, 241); KLĄTWA: #0f172a, RGB: (15, 23, 42); KLĄTWA: #d1d5db, RGB: (209, 213, 219)
Uproszczona wersja palety kolorów
Odcień aquamarine, Cień gainsboro, Odcień lightcoral, Odcień mediumslateblue, Cień Czarny, Cień lightgrey
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
UI Kit Hyperstructure Engine kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Element Mint | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Layer Smoke | Gray90 |
| #f87171 | #f87171 | RGB(248, 113, 113) | Clickable Coral | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Slot Indigo | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Modal Moon | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Shadow Clay | — |
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 |
#6ee7b7 | #e5e5e5 | 1.21 |
#6ee7b7 | #f87171 | 1.81 |
#6ee7b7 | #d1d5db | 1.03 |
#e5e5e5 | #d1d5db | 1.16 |
#f87171 | #6366f1 | 1.61 |
#f87171 | #d1d5db | 1.87 |
Paleta obrazów UI Kit Hyperstructure Engine png
Eksportuj paletę
Pobierz "UI Kit Hyperstructure Engine" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: