Utworzono o godz 09/14/2025 18:20
Frontend JS Modular Design Kit
- Module Indigo#3d348b
- Hook Lime#b9e769
- Component Coral#ff6f59
- Async Cyan#00b4d8
- Router Gray#cccccc
- UI White#ffffff
- State Black#1f1f1f
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Component Coral #ff6f59 i Async Cyan #00b4d8. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1F1F1F (najciemniejszy) do #FFFFFF (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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #00B4D8, #1F1F1F, #3D348B, #B9E769, #CCCCCC, #FF6F59, #FFFFFF
Paleta Frontend JS Modular Design Kit zawiera kombinację kolorów kodów 7:
KLĄTWA: #3d348b, RGB: (61, 52, 139); KLĄTWA: #b9e769, RGB: (185, 231, 105); KLĄTWA: #ff6f59, RGB: (255, 111, 89)
KLĄTWA: #00b4d8, RGB: (0, 180, 216); KLĄTWA: #cccccc, RGB: (204, 204, 204); KLĄTWA: #ffffff, RGB: (255, 255, 255)
KLĄTWA: #1f1f1f, RGB: (31, 31, 31)
Uproszczona wersja palety kolorów
Odcień darkslateblue, Cień Żółty zielony, Cień tomato, Odcień deepskyblue, Odcień lightgrey, Biały, Cień Czarny
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Frontend JS Modular Design Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3d348b | #3d348b | RGB(61, 52, 139) | Module Indigo | — |
| #b9e769 | #b9e769 | RGB(185, 231, 105) | Hook Lime | — |
| #ff6f59 | #ff6f59 | RGB(255, 111, 89) | Component Coral | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Async Cyan | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Router Gray | Cerebral Grey |
| #ffffff | #ffffff | RGB(255, 255, 255) | UI White | White |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | State Black | Gray12 |
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 |
#3d348b | #1f1f1f | 1.61 |
#b9e769 | #ff6f59 | 1.91 |
#b9e769 | #00b4d8 | 1.72 |
#b9e769 | #cccccc | 1.12 |
#b9e769 | #ffffff | 1.42 |
#ff6f59 | #00b4d8 | 1.11 |
Paleta obrazów Frontend JS Modular Design Kit png
Eksportuj paletę
Pobierz "Frontend JS Modular Design Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: