Creative Dev UI Color System
- Sketch Coral#fb7185
- Hexcode Navy#1e3a8a
- Layer Sand#fff7ed
- Commit Yellow#facc15
- Design Fog#e5e7eb
- Preview Cyan#06b6d4
- Push Mint#34d399
Utworzono 06/26/2025 08:36
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Layer Sand #fff7ed i Preview Cyan #06b6d4. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #1E3A8A (najciemniejszy) do #FFF7ED (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 86% kolorów jest żywych.
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 (3 z 7).
Kody HEX (posortowane): #06B6D4, #1E3A8A, #34D399, #E5E7EB, #FACC15, #FB7185, #FFF7ED
Paleta Creative Dev UI Color System łączy 7 kodów kolorów:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #facc15, RGB: (250, 204, 21); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #06b6d4, RGB: (6, 182, 212)
HEX: #34d399, RGB: (52, 211, 153)
Uproszczona wersja palety kolorów
Ciemny odcień Jasnokoralowy, Ciemny odcień Ciemny łupkowy niebieski, Ciemny odcień Kwiatowa biel, Ciemny odcień Złoty, Jasny odcień Gainsboro, Ciemny odcień Głęboki błękit nieba, Ciemny odcień Średnia akwamaryna
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Creative Dev UI Color System kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Sketch Coral | — |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Hexcode Navy | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Layer Sand | Fatback |
| #facc15 | #facc15 | RGB(250, 204, 21) | Commit Yellow | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Design Fog | — |
| #06b6d4 | #06b6d4 | RGB(6, 182, 212) | Preview Cyan | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Push Mint | — |
Kontrast palety kolorów
12 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#fb7185 | #facc15 | 1.75 |
#fb7185 | #06b6d4 | 1.1 |
#fb7185 | #34d399 | 1.4 |
#fff7ed | #facc15 | 1.44 |
#fff7ed | #e5e7eb | 1.16 |
#fff7ed | #34d399 | 1.81 |
Paleta obrazów Creative Dev UI Color System png
Eksportuj paletę
Pobierz "Creative Dev UI Color System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: