Utworzono o godz 07/23/2025 08:32
Web Components Machine UX Syntax
- Compiler Crimson#ef476f
- Module Fog#e5e5e5
- Instance Gold#ffd166
- Recursive Teal#06d6a0
- Array Midnight#073b4c
- Float White#fefcf3
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Instance Gold #ffd166 i Recursive Teal #06d6a0. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #073B4C (najciemniejszy) do #FEFCF3 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #06D6A0, #073B4C, #E5E5E5, #EF476F, #FEFCF3, #FFD166
Paleta Web Components Machine UX Syntax zawiera kombinację kolorów kodów 6:
KLĄTWA: #ef476f, RGB: (239, 71, 111); KLĄTWA: #e5e5e5, RGB: (229, 229, 229); KLĄTWA: #ffd166, RGB: (255, 209, 102)
KLĄTWA: #06d6a0, RGB: (6, 214, 160); KLĄTWA: #073b4c, RGB: (7, 59, 76); KLĄTWA: #fefcf3, RGB: (254, 252, 243)
Uproszczona wersja palety kolorów
Cień indianred, Cień gainsboro, Cień gold, Odcień mediumaquamarine, Odcień darkslategrey, Cień floralwhite
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Web Components Machine UX Syntax kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ef476f | #ef476f | RGB(239, 71, 111) | Compiler Crimson | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Module Fog | Gray90 |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Instance Gold | — |
| #06d6a0 | #06d6a0 | RGB(6, 214, 160) | Recursive Teal | — |
| #073b4c | #073b4c | RGB(7, 59, 76) | Array Midnight | — |
| #fefcf3 | #fefcf3 | RGB(254, 252, 243) | Float White | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ef476f | #06d6a0 | 1.91 |
#e5e5e5 | #ffd166 | 1.14 |
#e5e5e5 | #06d6a0 | 1.49 |
#e5e5e5 | #fefcf3 | 1.22 |
#ffd166 | #06d6a0 | 1.3 |
#ffd166 | #fefcf3 | 1.4 |
Paleta obrazów Web Components Machine UX Syntax png
Eksportuj paletę
Pobierz "Web Components Machine UX Syntax" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: