Ui animation landing page design hex colors
- Medium Sea Green#3cac6c
- Pale Robin Egg Blue#90efc7
- Sea Green#34945c
- Polished Pine#60a786
- Opal#a7c5bc
- Gray-Asparagus#3b684c
Utworzono 10/22/2022 10:25
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Medium Sea Green #3cac6c i Pale Robin Egg Blue #90efc7. Paleta ma temperaturę kolorów Zimny.
Według jasności paleta rozciąga się od #3B684C (najciemniejszy) do #90EFC7 (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 19°.
Ogólna temperatura barw przechyla się ku zimnu (6 z 6).
Kody HEX (posortowane): #34945C, #3B684C, #3CAC6C, #60A786, #90EFC7, #A7C5BC
Paleta Ui animation landing page design hex colors łączy 6 kodów kolorów:
HEX: #3cac6c, RGB: (60, 172, 108); HEX: #90efc7, RGB: (144, 239, 199); HEX: #34945c, RGB: (52, 148, 92)
HEX: #60a786, RGB: (96, 167, 134); HEX: #a7c5bc, RGB: (167, 197, 188); HEX: #3b684c, RGB: (59, 104, 76)
Uproszczona wersja palety kolorów
Ciemny odcień Średnia zieleń morska, Ciemny odcień Akwamaryna, Jasny odcień Zieleń morska, Jasny odcień Średnia zieleń morska, Ciemny odcień Pudrowy niebieski, Ciemny odcień Ciemnooliwkowy
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Ui animation landing page design hex colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #3cac6c | #3cac6c | RGB(60, 172, 108) | Medium Sea Green | — |
| #90efc7 | #90efc7 | RGB(144, 239, 199) | Pale Robin Egg Blue | — |
| #34945c | #34945c | RGB(52, 148, 92) | Sea Green | — |
| #60a786 | #60a786 | RGB(96, 167, 134) | Polished Pine | — |
| #a7c5bc | #a7c5bc | RGB(167, 197, 188) | Opal | — |
| #3b684c | #3b684c | RGB(59, 104, 76) | Gray-Asparagus | — |
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 |
|---|---|---|
#3cac6c | #34945c | 1.32 |
#3cac6c | #60a786 | 1 |
#3cac6c | #a7c5bc | 1.55 |
#90efc7 | #a7c5bc | 1.35 |
#34945c | #60a786 | 1.33 |
#34945c | #3b684c | 1.69 |
Paleta obrazów Ui animation landing page design hex colors png
Eksportuj paletę
Pobierz "Ui animation landing page design hex colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: