Utworzono o godz 06/28/2025 20:12
Data Grid UI Framework
- Row Blue#3b82f6
- Cell Cream#fefce8
- Header Slate#475569
- Sort Mint#6ee7b7
- Filter Coral#fb7185
- Select Fog#f5f5f5
- Overflow Jet#0f172a
Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Row Blue #3b82f6 i Filter Coral #fb7185. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #F5F5F5 (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): #0F172A, #3B82F6, #475569, #6EE7B7, #F5F5F5, #FB7185, #FEFCE8
Paleta Data Grid UI Framework zawiera kombinację kolorów kodów 7:
KLĄTWA: #3b82f6, RGB: (59, 130, 246); KLĄTWA: #fefce8, RGB: (254, 252, 232); KLĄTWA: #475569, RGB: (71, 85, 105)
KLĄTWA: #6ee7b7, RGB: (110, 231, 183); KLĄTWA: #fb7185, RGB: (251, 113, 133); KLĄTWA: #f5f5f5, RGB: (245, 245, 245)
KLĄTWA: #0f172a, RGB: (15, 23, 42)
Uproszczona wersja palety kolorów
Odcień dodgerblue, Odcień ivory, Cień darkslateblue, Odcień aquamarine, Odcień lightcoral, Cień Czarny
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Data Grid UI Framework kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Row Blue | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Cell Cream | — |
| #475569 | #475569 | RGB(71, 85, 105) | Header Slate | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Sort Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Filter Coral | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Select Fog | White Smoke |
| #0f172a | #0f172a | RGB(15, 23, 42) | Overflow Jet | — |
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 |
#3b82f6 | #fb7185 | 1.36 |
#fefce8 | #6ee7b7 | 1.47 |
#fefce8 | #f5f5f5 | 1.05 |
#6ee7b7 | #fb7185 | 1.76 |
#6ee7b7 | #f5f5f5 | 1.39 |
Paleta obrazów Data Grid UI Framework png
Eksportuj paletę
Pobierz "Data Grid UI Framework" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: