Utworzono o godz 07/05/2025 13:32
Web Component Design Logic
- Slot Cream#fef9ef
- Shadow DOM Gray#b0bec5
- Event Handler Coral#ff7f50
- Prop Indigo#7986cb
- Lifecycle Black#1a1a1a
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Event Handler Coral #ff7f50 i Prop Indigo #7986cb. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #1A1A1A (najciemniejszy) do #FEF9EF (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): #1A1A1A, #7986CB, #B0BEC5, #FEF9EF, #FF7F50
Paleta Web Component Design Logic zawiera kombinację kolorów kodów 5:
KLĄTWA: #fef9ef, RGB: (254, 249, 239); KLĄTWA: #b0bec5, RGB: (176, 190, 197); KLĄTWA: #ff7f50, RGB: (255, 127, 80)
KLĄTWA: #7986cb, RGB: (121, 134, 203); KLĄTWA: #1a1a1a, RGB: (26, 26, 26)
Uproszczona wersja palety kolorów
Odcień floralwhite, Odcień Srebro, Odcień cornflowerblue, Cień Czarny
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Web Component Design Logic kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #fef9ef | #fef9ef | RGB(254, 249, 239) | Slot Cream | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Shadow DOM Gray | Ocean Drive |
| #ff7f50 | #ff7f50 | RGB(255, 127, 80) | Event Handler Coral | Coral |
| #7986cb | #7986cb | RGB(121, 134, 203) | Prop Indigo | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Lifecycle Black | Gray10 |
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fef9ef | #b0bec5 | 1.81 |
#b0bec5 | #ff7f50 | 1.31 |
#b0bec5 | #7986cb | 1.81 |
#ff7f50 | #7986cb | 1.38 |
Paleta obrazów Web Component Design Logic png
Eksportuj paletę
Pobierz "Web Component Design Logic" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: