Interaction orange ux login colours
- Pumpkin#fc7c1c
- Macaroni And Cheese#fcbc84
- Indigo (Rainbow)#243c6c
- UCLA Blue#5b6c98
- Lavender Gray#c1c7d8
- Purple Navy#445484
Utworzono 10/19/2022 15:56
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Pumpkin #fc7c1c i Indigo (Rainbow) #243c6c. Paleta ma temperaturę kolorów Ciepły, Zimny.
Według jasności paleta rozciąga się od #243C6C (najciemniejszy) do #FCBC84 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 2 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 zimnu (4 z 6).
Kody HEX (posortowane): #243C6C, #445484, #5B6C98, #C1C7D8, #FC7C1C, #FCBC84
Paleta Interaction orange ux login colours łączy 6 kodów kolorów:
HEX: #fc7c1c, RGB: (252, 124, 28); HEX: #fcbc84, RGB: (252, 188, 132); HEX: #243c6c, RGB: (36, 60, 108)
HEX: #5b6c98, RGB: (91, 108, 152); HEX: #c1c7d8, RGB: (193, 199, 216); HEX: #445484, RGB: (68, 84, 132)
Uproszczona wersja palety kolorów
Ciemny odcień Ciemnopomarańczowy, Jasny odcień Piaskowy brąz, Ciemny odcień Ciemny łupkowy niebieski, Jasny odcień Królewski niebieski, Jasny odcień Jasny stalowy niebieski, Jasny odcień Ciemny łupkowy niebieski
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Interaction orange ux login colours kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #fc7c1c | #fc7c1c | RGB(252, 124, 28) | Pumpkin | — |
| #fcbc84 | #fcbc84 | RGB(252, 188, 132) | Macaroni And Cheese | — |
| #243c6c | #243c6c | RGB(36, 60, 108) | Indigo (Rainbow) | — |
| #5b6c98 | #5b6c98 | RGB(91, 108, 152) | UCLA Blue | — |
| #c1c7d8 | #c1c7d8 | RGB(193, 199, 216) | Lavender Gray | — |
| #445484 | #445484 | RGB(68, 84, 132) | Purple Navy | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#fc7c1c | #fcbc84 | 1.57 |
#fc7c1c | #5b6c98 | 1.98 |
#fc7c1c | #c1c7d8 | 1.54 |
#fcbc84 | #c1c7d8 | 1.01 |
#243c6c | #445484 | 1.46 |
#5b6c98 | #445484 | 1.42 |
Paleta obrazów Interaction orange ux login colours png
Eksportuj paletę
Pobierz "Interaction orange ux login colours" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: