Mathematical UX Toolkit for Web
- Function Blue#42a5f5
- Input Cream#fffde7
- Output Green#81c784
- Variable Pink#f8bbd0
- Axis Charcoal#37474f
- Sigma Gray#e0e0e0
Utworzono 07/25/2025 08:12
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Function Blue #42a5f5 i Input Cream #fffde7. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #37474F (najciemniejszy) do #FFFDE7 (najjaśniejszy). Zakres jasności jest szeroki.
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 (3 z 6).
Kody HEX (posortowane): #37474F, #42A5F5, #81C784, #E0E0E0, #F8BBD0, #FFFDE7
Paleta Mathematical UX Toolkit for Web łączy 6 kodów kolorów:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fffde7, RGB: (255, 253, 231); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #37474f, RGB: (55, 71, 79); HEX: #e0e0e0, RGB: (224, 224, 224)
Uproszczona wersja palety kolorów
Jasny odcień Niebieski Dodger, Jasny odcień Beżowy, Jasny odcień Ciemna zieleń morska, Ciemny odcień Różowy, Ciemny odcień Ciemny łupkowy szary, Jasny odcień Gainsboro
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Mathematical UX Toolkit for Web kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Function Blue | — |
| #fffde7 | #fffde7 | RGB(255, 253, 231) | Input Cream | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Output Green | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Variable Pink | — |
| #37474f | #37474f | RGB(55, 71, 79) | Axis Charcoal | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Sigma Gray | Gray88 |
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 |
|---|---|---|
#42a5f5 | #81c784 | 1.31 |
#42a5f5 | #f8bbd0 | 1.64 |
#fffde7 | #81c784 | 1.96 |
#fffde7 | #f8bbd0 | 1.57 |
#fffde7 | #e0e0e0 | 1.28 |
#81c784 | #f8bbd0 | 1.24 |
Paleta obrazów Mathematical UX Toolkit for Web png
Eksportuj paletę
Pobierz "Mathematical UX Toolkit for Web" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty:
