Utworzono o godz 06/20/2025 17:16
WebGL Interactive Design Theme
- Shader Purple#a285d1
- Canvas Black#101010
- Frame Neon#00f5ff
- Render Beige#f9f5ef
- Vertex Coral#ff8c8c
- Zoom Cyan#63f5ef
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Frame Neon #00f5ff i Vertex Coral #ff8c8c. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #101010 (najciemniejszy) do #F9F5EF (najjaśniejszy). Zakres jasności jest szeroki.
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): #00F5FF, #101010, #63F5EF, #A285D1, #F9F5EF, #FF8C8C
Paleta WebGL Interactive Design Theme zawiera kombinację kolorów kodów 6:
KLĄTWA: #a285d1, RGB: (162, 133, 209); KLĄTWA: #101010, RGB: (16, 16, 16); KLĄTWA: #00f5ff, RGB: (0, 245, 255)
KLĄTWA: #f9f5ef, RGB: (249, 245, 239); KLĄTWA: #ff8c8c, RGB: (255, 140, 140); KLĄTWA: #63f5ef, RGB: (99, 245, 239)
Uproszczona wersja palety kolorów
Cień mediumpurple, Cień Czarny, Odcień cyan, Odcień floralwhite, Cień lightcoral, Cień cyan
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
WebGL Interactive Design Theme kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #a285d1 | #a285d1 | RGB(162, 133, 209) | Shader Purple | — |
| #101010 | #101010 | RGB(16, 16, 16) | Canvas Black | — |
| #00f5ff | #00f5ff | RGB(0, 245, 255) | Frame Neon | Turquoise1 |
| #f9f5ef | #f9f5ef | RGB(249, 245, 239) | Render Beige | — |
| #ff8c8c | #ff8c8c | RGB(255, 140, 140) | Vertex Coral | — |
| #63f5ef | #63f5ef | RGB(99, 245, 239) | Zoom Cyan | — |
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 |
#a285d1 | #ff8c8c | 1.37 |
#00f5ff | #f9f5ef | 1.24 |
#00f5ff | #ff8c8c | 1.65 |
#00f5ff | #63f5ef | 1.02 |
#f9f5ef | #63f5ef | 1.22 |
#ff8c8c | #63f5ef | 1.68 |
Paleta obrazów WebGL Interactive Design Theme png
Eksportuj paletę
Pobierz "WebGL Interactive Design Theme" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: