Website hero responsive design grid system ui ux colors palette
- Jelly Bean Blue#3c818e
- Moonstone Blue#77bcc4
- Midnight Green (Eagle Green)#043e50
- Light Slate Gray#799490
- Pewter Blue#94b4bc
- Dark Slate Gray#245054
Utworzono 11/02/2022 10:20
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Jelly Bean Blue #3c818e i Midnight Green (Eagle Green) #043e50. Paleta ma temperaturę kolorów Zimny, Neutralny.
Według jasności paleta rozciąga się od #043E50 (najciemniejszy) do #77BCC4 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 2 stonowanych i 1 żywych z 6 kolorów.
Paleta analogiczna: jej odcienie leżą blisko siebie na kole barw, w zakresie około 9°.
Ogólna temperatura barw przechyla się ku zimnu (5 z 6).
Kody HEX (posortowane): #043E50, #245054, #3C818E, #77BCC4, #799490, #94B4BC
Paleta Website hero responsive design grid system ui ux colors palette łączy 6 kodów kolorów:
HEX: #3c818e, RGB: (60, 129, 142); HEX: #77bcc4, RGB: (119, 188, 196); HEX: #043e50, RGB: (4, 62, 80)
HEX: #799490, RGB: (121, 148, 144); HEX: #94b4bc, RGB: (148, 180, 188); HEX: #245054, RGB: (36, 80, 84)
Uproszczona wersja palety kolorów
Jasny odcień Morski, Ciemny odcień Błękit nieba, Ciemny odcień Ciemny łupkowy szary, Jasny odcień Kadetowy niebieski, Ciemny odcień Jasnoniebieski, Ciemny odcień Ciemny łupkowy szary
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Website hero responsive design grid system ui ux colors palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #3c818e | #3c818e | RGB(60, 129, 142) | Jelly Bean Blue | — |
| #77bcc4 | #77bcc4 | RGB(119, 188, 196) | Moonstone Blue | — |
| #043e50 | #043e50 | RGB(4, 62, 80) | Midnight Green (Eagle Green) | — |
| #799490 | #799490 | RGB(121, 148, 144) | Light Slate Gray | — |
| #94b4bc | #94b4bc | RGB(148, 180, 188) | Pewter Blue | — |
| #245054 | #245054 | RGB(36, 80, 84) | Dark Slate Gray | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#3c818e | #799490 | 1.36 |
#77bcc4 | #799490 | 1.51 |
#77bcc4 | #94b4bc | 1.02 |
#043e50 | #245054 | 1.29 |
#799490 | #94b4bc | 1.47 |
Paleta obrazów Website hero responsive design grid system ui ux colors palette png
Eksportuj paletę
Pobierz "Website hero responsive design grid system ui ux colors palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: