Utworzono o godz 02/02/2023 14:48
Header uiux website learning palette
- Jonquil#f2c112
- Jordy Blue#88c2f7
- Green (Pigment)#10a854
- Forest Green (Crayola)#5eb470
- Pastel Purple#bea1ad
- Police Blue#35596b
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Jonquil #f2c112 i Jordy Blue #88c2f7. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #35596B (najciemniejszy) do #88C2F7 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #10A854, #35596B, #5EB470, #88C2F7, #BEA1AD, #F2C112
Paleta Header uiux website learning palette zawiera kombinację kolorów kodów 6:
KLĄTWA: #f2c112, RGB: (242, 193, 18); KLĄTWA: #88c2f7, RGB: (136, 194, 247); KLĄTWA: #10a854, RGB: (16, 168, 84)
KLĄTWA: #5eb470, RGB: (94, 180, 112); KLĄTWA: #bea1ad, RGB: (190, 161, 173); KLĄTWA: #35596b, RGB: (53, 89, 107)
Uproszczona wersja palety kolorów
Odcień gold, Odcień lightskyblue, Odcień mediumseagreen, Cień mediumseagreen, Cień rosybrown, Cień darkslategrey
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Header uiux website learning palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #f2c112 | #f2c112 | RGB(242, 193, 18) | Jonquil | — |
| #88c2f7 | #88c2f7 | RGB(136, 194, 247) | Jordy Blue | — |
| #10a854 | #10a854 | RGB(16, 168, 84) | Green (Pigment) | — |
| #5eb470 | #5eb470 | RGB(94, 180, 112) | Forest Green (Crayola) | — |
| #bea1ad | #bea1ad | RGB(190, 161, 173) | Pastel Purple | — |
| #35596b | #35596b | RGB(53, 89, 107) | Police Blue | — |
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 |
#f2c112 | #88c2f7 | 1.11 |
#f2c112 | #10a854 | 1.83 |
#f2c112 | #5eb470 | 1.5 |
#f2c112 | #bea1ad | 1.39 |
#88c2f7 | #10a854 | 1.64 |
#88c2f7 | #5eb470 | 1.34 |
Paleta obrazów Header uiux website learning palette png
Eksportuj paletę
Pobierz "Header uiux website learning palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: