Utworzono o godz 08/11/2025 08:54
Web Component Adaptive Layout
- Responsive Blue#3b9ae1
- Flex Mint#9ae1d4
- Grid Amber#ffc857
- Breakpoint Gray#8d99ae
- Overflow Orange#ff9f1c
- Container White#fafafa
- Nav Black#2b2b2b
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Responsive Blue #3b9ae1 i Grid Amber #ffc857. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #2B2B2B (najciemniejszy) do #FAFAFA (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).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #2B2B2B, #3B9AE1, #8D99AE, #9AE1D4, #FAFAFA, #FF9F1C, #FFC857
Paleta Web Component Adaptive Layout zawiera kombinację kolorów kodów 7:
KLĄTWA: #3b9ae1, RGB: (59, 154, 225); KLĄTWA: #9ae1d4, RGB: (154, 225, 212); KLĄTWA: #ffc857, RGB: (255, 200, 87)
KLĄTWA: #8d99ae, RGB: (141, 153, 174); KLĄTWA: #ff9f1c, RGB: (255, 159, 28); KLĄTWA: #fafafa, RGB: (250, 250, 250)
KLĄTWA: #2b2b2b, RGB: (43, 43, 43)
Uproszczona wersja palety kolorów
Cień dodgerblue, Odcień paleturquoise, Cień gold, Cień lightslategrey, Odcień Pomarańczowy, Cień whitesmoke, Cień Czarny
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Web Component Adaptive Layout kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3b9ae1 | #3b9ae1 | RGB(59, 154, 225) | Responsive Blue | — |
| #9ae1d4 | #9ae1d4 | RGB(154, 225, 212) | Flex Mint | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Grid Amber | — |
| #8d99ae | #8d99ae | RGB(141, 153, 174) | Breakpoint Gray | — |
| #ff9f1c | #ff9f1c | RGB(255, 159, 28) | Overflow Orange | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Container White | Dr. White |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Nav Black | Shoe Wax |
Kontrast palety kolorów
12 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#3b9ae1 | #ffc857 | 1.97 |
#3b9ae1 | #8d99ae | 1.05 |
#3b9ae1 | #ff9f1c | 1.48 |
#9ae1d4 | #ffc857 | 1.03 |
#9ae1d4 | #8d99ae | 1.93 |
#9ae1d4 | #ff9f1c | 1.37 |
Paleta obrazów Web Component Adaptive Layout png
Eksportuj paletę
Pobierz "Web Component Adaptive Layout" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: