Dark Adaptive Motion UI Kit
- Motion Core Black#0e0e0e
- Tween Curve Teal#00e0ff
- Hover Ring Indigo#6c63ff
- Frame Pause Grey#bdbdbd
- Interaction Glow White#fbfbfb
- Click Feedback Yellow#fff275
Utworzono 07/11/2025 12:51
Paleta składa się z kolorów Ciemny, Jasny. Kolory akcentujące Tween Curve Teal #00e0ff i Click Feedback Yellow #fff275. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #0E0E0E (najciemniejszy) do #FBFBFB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 3 żywych z 6 kolorów.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (2 z 6).
Kody HEX (posortowane): #00E0FF, #0E0E0E, #6C63FF, #BDBDBD, #FBFBFB, #FFF275
Paleta Dark Adaptive Motion UI Kit łączy 6 kodów kolorów:
HEX: #0e0e0e, RGB: (14, 14, 14); HEX: #00e0ff, RGB: (0, 224, 255); HEX: #6c63ff, RGB: (108, 99, 255)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #fff275, RGB: (255, 242, 117)
Uproszczona wersja palety kolorów
Jasny odcień Czarny, Ciemny odcień Błękit nieba, Ciemny odcień Średni łupkowy niebieski, Ciemny odcień Srebrny, Ciemny odcień Biały, Jasny odcień Khaki
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Dark Adaptive Motion UI Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #0e0e0e | #0e0e0e | RGB(14, 14, 14) | Motion Core Black | — |
| #00e0ff | #00e0ff | RGB(0, 224, 255) | Tween Curve Teal | — |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Hover Ring Indigo | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Frame Pause Grey | Gray74 |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Interaction Glow White | Whiteout |
| #fff275 | #fff275 | RGB(255, 242, 117) | Click Feedback Yellow | — |
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 |
|---|---|---|
#00e0ff | #bdbdbd | 1.17 |
#00e0ff | #fbfbfb | 1.54 |
#00e0ff | #fff275 | 1.38 |
#bdbdbd | #fbfbfb | 1.81 |
#bdbdbd | #fff275 | 1.62 |
#fbfbfb | #fff275 | 1.11 |
Paleta obrazów Dark Adaptive Motion UI Kit png
Eksportuj paletę
Pobierz "Dark Adaptive Motion UI Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: