Utworzono o godz 06/26/2025 08:26
Composable Web UX Patterns
- Atomic Tangerine#ff9e6d
- Markup Plum#9b5de5
- Grid Overlay#ced4da
- Canvas Sand#fff9ec
- Module Navy#023047
- Style Byte Blue#3a86ff
- Sticky Beige#f8e9d2
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Canvas Sand #fff9ec i Style Byte Blue #3a86ff. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #023047 (najciemniejszy) do #FFF9EC (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): #023047, #3A86FF, #9B5DE5, #CED4DA, #F8E9D2, #FF9E6D, #FFF9EC
Paleta Composable Web UX Patterns zawiera kombinację kolorów kodów 7:
KLĄTWA: #ff9e6d, RGB: (255, 158, 109); KLĄTWA: #9b5de5, RGB: (155, 93, 229); KLĄTWA: #ced4da, RGB: (206, 212, 218)
KLĄTWA: #fff9ec, RGB: (255, 249, 236); KLĄTWA: #023047, RGB: (2, 48, 71); KLĄTWA: #3a86ff, RGB: (58, 134, 255)
KLĄTWA: #f8e9d2, RGB: (248, 233, 210)
Uproszczona wersja palety kolorów
Odcień lightsalmon, Odcień mediumpurple, Odcień lightgrey, Cień oldlace, Cień midnightblue, Cień dodgerblue, Odcień antiquewhite
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
Composable Web UX Patterns kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ff9e6d | #ff9e6d | RGB(255, 158, 109) | Atomic Tangerine | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Markup Plum | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Grid Overlay | — |
| #fff9ec | #fff9ec | RGB(255, 249, 236) | Canvas Sand | Day Lily |
| #023047 | #023047 | RGB(2, 48, 71) | Module Navy | — |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Style Byte Blue | — |
| #f8e9d2 | #f8e9d2 | RGB(248, 233, 210) | Sticky Beige | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ff9e6d | #ced4da | 1.35 |
#ff9e6d | #fff9ec | 1.93 |
#ff9e6d | #3a86ff | 1.71 |
#ff9e6d | #f8e9d2 | 1.69 |
#9b5de5 | #3a86ff | 1.18 |
#ced4da | #fff9ec | 1.42 |
Paleta obrazów Composable Web UX Patterns png
Eksportuj paletę
Pobierz "Composable Web UX Patterns" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: