Design ux ui hex colors
- Minion Yellow#ecd454
- Light Cobalt Blue#989ee5
- Brown Chocolate#61243d
- Olive Green#a1ab60
- Pastel Gray#cecebc
- Soldier Green#554c29
Utworzono 01/24/2023 10:03
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Minion Yellow #ecd454 i Light Cobalt Blue #989ee5. Paleta ma temperaturę kolorów Ciepły, Zimny.
Według jasności paleta rozciąga się od #61243D (najciemniejszy) do #ECD454 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 1 stonowanych i 2 ż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 ciepłu (5 z 6).
Kody HEX (posortowane): #554C29, #61243D, #989EE5, #A1AB60, #CECEBC, #ECD454
Paleta Design ux ui hex colors łączy 6 kodów kolorów:
HEX: #ecd454, RGB: (236, 212, 84); HEX: #989ee5, RGB: (152, 158, 229); HEX: #61243d, RGB: (97, 36, 61)
HEX: #a1ab60, RGB: (161, 171, 96); HEX: #cecebc, RGB: (206, 206, 188); HEX: #554c29, RGB: (85, 76, 41)
Uproszczona wersja palety kolorów
Jasny odcień Złoty, Jasny odcień Chabrowy, Jasny odcień Fioletowy, Ciemny odcień Ciemne khaki, Ciemny odcień Jasnoszary, Ciemny odcień Ciemnooliwkowy
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Design ux ui hex colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #ecd454 | #ecd454 | RGB(236, 212, 84) | Minion Yellow | — |
| #989ee5 | #989ee5 | RGB(152, 158, 229) | Light Cobalt Blue | — |
| #61243d | #61243d | RGB(97, 36, 61) | Brown Chocolate | — |
| #a1ab60 | #a1ab60 | RGB(161, 171, 96) | Olive Green | — |
| #cecebc | #cecebc | RGB(206, 206, 188) | Pastel Gray | — |
| #554c29 | #554c29 | RGB(85, 76, 41) | Soldier Green | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#ecd454 | #989ee5 | 1.68 |
#ecd454 | #a1ab60 | 1.65 |
#ecd454 | #cecebc | 1.07 |
#989ee5 | #a1ab60 | 1.01 |
#989ee5 | #cecebc | 1.57 |
#61243d | #554c29 | 1.34 |
Paleta obrazów Design ux ui hex colors png
Eksportuj paletę
Pobierz "Design ux ui hex colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: