Utworzono o godz 06/08/2025 17:44
Soft Grid Overlay UX System
- Row Pearl#fdf6ec
- Column Cool Gray#a0aec0
- Baseline Violet#a09abc
- Gutter Light Teal#c1f9e7
- Offset Charcoal#2d2d2d
- Margin Rose#f2bac9
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Row Pearl #fdf6ec i Gutter Light Teal #c1f9e7. Paleta ma temperaturę kolorów Neutralny, Zimny.
Według jasności paleta rozciąga się od #2D2D2D (najciemniejszy) do #FDF6EC (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 3 żywych z 6 kolorów.
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 (3 z 6).
Kody HEX (posortowane): #2D2D2D, #A09ABC, #A0AEC0, #C1F9E7, #F2BAC9, #FDF6EC
Paleta Soft Grid Overlay UX System zawiera kombinację kolorów kodów 6:
KLĄTWA: #fdf6ec, RGB: (253, 246, 236); KLĄTWA: #a0aec0, RGB: (160, 174, 192); KLĄTWA: #a09abc, RGB: (160, 154, 188)
KLĄTWA: #c1f9e7, RGB: (193, 249, 231); KLĄTWA: #2d2d2d, RGB: (45, 45, 45); KLĄTWA: #f2bac9, RGB: (242, 186, 201)
Uproszczona wersja palety kolorów
Odcień floralwhite, Odcień lightsteelblue, Odcień thistle, Cień paleturquoise, Cień Czarny, Odcień Różowy
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Soft Grid Overlay UX System kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Row Pearl | — |
| #a0aec0 | #a0aec0 | RGB(160, 174, 192) | Column Cool Gray | — |
| #a09abc | #a09abc | RGB(160, 154, 188) | Baseline Violet | — |
| #c1f9e7 | #c1f9e7 | RGB(193, 249, 231) | Gutter Light Teal | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Offset Charcoal | — |
| #f2bac9 | #f2bac9 | RGB(242, 186, 201) | Margin Rose | — |
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 |
|---|---|---|
#fdf6ec | #c1f9e7 | 1.08 |
#fdf6ec | #f2bac9 | 1.54 |
#a0aec0 | #a09abc | 1.18 |
#a0aec0 | #c1f9e7 | 1.93 |
#a0aec0 | #f2bac9 | 1.35 |
#a09abc | #f2bac9 | 1.61 |
Paleta obrazów Soft Grid Overlay UX System png
Eksportuj paletę
Pobierz "Soft Grid Overlay UX System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: