Interaction design web product tokens colours
- Ultramarine Blue#4841f8
- Very Light Blue#5c57fc
- Indigo (Rainbow)#25206b
- Pearly Purple#a76ba1
- Metallic Silver#a1a6b5
- Soldier Green#5c582a
Utworzono 03/15/2023 21:42
Paleta składa się z kolorów Półciemny, Ciemny, Jasny. Kolory akcentujące Very Light Blue #5c57fc i Soldier Green #5c582a. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #25206B (najciemniejszy) do #A1A6B5 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 2 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 (4 z 6).
Kody HEX (posortowane): #25206B, #4841F8, #5C57FC, #5C582A, #A1A6B5, #A76BA1
Paleta Interaction design web product tokens colours łączy 6 kodów kolorów:
HEX: #4841f8, RGB: (72, 65, 248); HEX: #5c57fc, RGB: (92, 87, 252); HEX: #25206b, RGB: (37, 32, 107)
HEX: #a76ba1, RGB: (167, 107, 161); HEX: #a1a6b5, RGB: (161, 166, 181); HEX: #5c582a, RGB: (92, 88, 42)
Uproszczona wersja palety kolorów
Ciemny odcień Łupkowy niebieski, Ciemny odcień Łupkowy niebieski, Jasny odcień Nocny błękit, Jasny odcień Średnia orchidea, Ciemny odcień Ciemnoszary, Ciemny odcień Ciemnooliwkowy
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Interaction design web product tokens colours kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #4841f8 | #4841f8 | RGB(72, 65, 248) | Ultramarine Blue | — |
| #5c57fc | #5c57fc | RGB(92, 87, 252) | Very Light Blue | — |
| #25206b | #25206b | RGB(37, 32, 107) | Indigo (Rainbow) | — |
| #a76ba1 | #a76ba1 | RGB(167, 107, 161) | Pearly Purple | — |
| #a1a6b5 | #a1a6b5 | RGB(161, 166, 181) | Metallic Silver | — |
| #5c582a | #5c582a | RGB(92, 88, 42) | Soldier Green | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#4841f8 | #5c57fc | 1.24 |
#4841f8 | #a76ba1 | 1.55 |
#4841f8 | #5c582a | 1.17 |
#5c57fc | #a76ba1 | 1.24 |
#5c57fc | #5c582a | 1.46 |
#25206b | #5c582a | 1.92 |
Paleta obrazów Interaction design web product tokens colours png
Eksportuj paletę
Pobierz "Interaction design web product tokens colours" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: