WebGL Motion Interaction Theme
- Canvas Indigo#3f51b5
- Render Lime#dce775
- Depth Black#263238
- Light Bounce Pink#f8bbd0
- Frame Cloud#eceff1
- Parallax Cyan#00acc1
Utworzono 07/25/2025 07:59
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące Light Bounce Pink #f8bbd0 i Parallax Cyan #00acc1. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #263238 (najciemniejszy) do #ECEFF1 (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): #00ACC1, #263238, #3F51B5, #DCE775, #ECEFF1, #F8BBD0
Paleta WebGL Motion Interaction Theme łączy 6 kodów kolorów:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #dce775, RGB: (220, 231, 117); HEX: #263238, RGB: (38, 50, 56)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #eceff1, RGB: (236, 239, 241); HEX: #00acc1, RGB: (0, 172, 193)
Uproszczona wersja palety kolorów
Ciemny odcień Łupkowy niebieski, Ciemny odcień Khaki, Ciemny odcień Ciemny łupkowy szary, Ciemny odcień Różowy, Ciemny odcień Biały dym, Ciemny odcień Kadetowy niebieski
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
WebGL Motion Interaction Theme kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Canvas Indigo | — |
| #dce775 | #dce775 | RGB(220, 231, 117) | Render Lime | — |
| #263238 | #263238 | RGB(38, 50, 56) | Depth Black | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Light Bounce Pink | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Frame Cloud | — |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | Parallax Cyan | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#3f51b5 | #263238 | 1.91 |
#dce775 | #f8bbd0 | 1.2 |
#dce775 | #eceff1 | 1.15 |
#f8bbd0 | #eceff1 | 1.39 |
#f8bbd0 | #00acc1 | 1.69 |
Paleta obrazów WebGL Motion Interaction Theme png
Eksportuj paletę
Pobierz "WebGL Motion Interaction Theme" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: