Utworzono o godz 07/10/2025 08:28
Web Component Visual System
- Pixel Teal#00bfa6
- Doc Canvas Cream#fff7ec
- Tag Indigo#4b49ac
- Hover Pink#fdaeae
- Codebar Black#181818
- Box Shadow Grey#e0e0e0
Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Pixel Teal #00bfa6 i Doc Canvas Cream #fff7ec. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #181818 (najciemniejszy) do #FFF7EC (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): #00BFA6, #181818, #4B49AC, #E0E0E0, #FDAEAE, #FFF7EC
Paleta Web Component Visual System zawiera kombinację kolorów kodów 6:
KLĄTWA: #00bfa6, RGB: (0, 191, 166); KLĄTWA: #fff7ec, RGB: (255, 247, 236); KLĄTWA: #4b49ac, RGB: (75, 73, 172)
KLĄTWA: #fdaeae, RGB: (253, 174, 174); KLĄTWA: #181818, RGB: (24, 24, 24); KLĄTWA: #e0e0e0, RGB: (224, 224, 224)
Uproszczona wersja palety kolorów
Odcień lightseagreen, Odcień floralwhite, Cień darkslateblue, Odcień lightpink, Cień Czarny, Cień gainsboro
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Web Component Visual System kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Pixel Teal | — |
| #fff7ec | #fff7ec | RGB(255, 247, 236) | Doc Canvas Cream | — |
| #4b49ac | #4b49ac | RGB(75, 73, 172) | Tag Indigo | — |
| #fdaeae | #fdaeae | RGB(253, 174, 174) | Hover Pink | — |
| #181818 | #181818 | RGB(24, 24, 24) | Codebar Black | Thamar Black |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Box Shadow Grey | Gray88 |
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 |
#00bfa6 | #fdaeae | 1.31 |
#00bfa6 | #e0e0e0 | 1.76 |
#fff7ec | #fdaeae | 1.66 |
#fff7ec | #e0e0e0 | 1.24 |
#fdaeae | #e0e0e0 | 1.34 |
Paleta obrazów Web Component Visual System png
Eksportuj paletę
Pobierz "Web Component Visual System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: