Design system modules 4px systematic palette
- French Rose#ef4a88
- Heliotrope#d26ff7
- Green (Crayola)#21b77c
- Moonstone Blue#7aadbe
- Pastel Blue#a8d0cb
- Feldgrau#446858
Utworzono 10/26/2022 09:33
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Heliotrope #d26ff7 i Green (Crayola) #21b77c. Paleta ma temperaturę kolorów Ciepły, Zimny.
Według jasności paleta rozciąga się od #446858 (najciemniejszy) do #A8D0CB (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 1 stonowanych i 3 ż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 zimnu (5 z 6).
Kody HEX (posortowane): #21B77C, #446858, #7AADBE, #A8D0CB, #D26FF7, #EF4A88
Paleta Design system modules 4px systematic palette łączy 6 kodów kolorów:
HEX: #ef4a88, RGB: (239, 74, 136); HEX: #d26ff7, RGB: (210, 111, 247); HEX: #21b77c, RGB: (33, 183, 124)
HEX: #7aadbe, RGB: (122, 173, 190); HEX: #a8d0cb, RGB: (168, 208, 203); HEX: #446858, RGB: (68, 104, 88)
Uproszczona wersja palety kolorów
Jasny odcień Głęboki róż, Jasny odcień Orchidea, Ciemny odcień Średnia zieleń morska, Ciemny odcień Błękit nieba, Ciemny odcień Pudrowy niebieski, Jasny odcień Ciemny łupkowy szary
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Design system modules 4px systematic palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #ef4a88 | #ef4a88 | RGB(239, 74, 136) | French Rose | — |
| #d26ff7 | #d26ff7 | RGB(210, 111, 247) | Heliotrope | — |
| #21b77c | #21b77c | RGB(33, 183, 124) | Green (Crayola) | — |
| #7aadbe | #7aadbe | RGB(122, 173, 190) | Moonstone Blue | — |
| #a8d0cb | #a8d0cb | RGB(168, 208, 203) | Pastel Blue | — |
| #446858 | #446858 | RGB(68, 104, 88) | Feldgrau | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#ef4a88 | #d26ff7 | 1.22 |
#ef4a88 | #21b77c | 1.35 |
#ef4a88 | #7aadbe | 1.42 |
#ef4a88 | #446858 | 1.78 |
#d26ff7 | #21b77c | 1.1 |
#d26ff7 | #7aadbe | 1.16 |
Paleta obrazów Design system modules 4px systematic palette png
Eksportuj paletę
Pobierz "Design system modules 4px systematic palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: