Utworzono o godz 07/22/2025 16:56
Frontend Modular Grid UI Framework
- Module Mint#aaf683
- Responsive Rust#ff6f59
- Breakpoint Beige#fff4e0
- Flex Container Blue#82a6f3
- CSS Shadow Gray#c1c8d0
- Accessibility Onyx#141414
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Breakpoint Beige #fff4e0 i Flex Container Blue #82a6f3. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #141414 (najciemniejszy) do #FFF4E0 (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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #141414, #82A6F3, #AAF683, #C1C8D0, #FF6F59, #FFF4E0
Paleta Frontend Modular Grid UI Framework zawiera kombinację kolorów kodów 6:
KLĄTWA: #aaf683, RGB: (170, 246, 131); KLĄTWA: #ff6f59, RGB: (255, 111, 89); KLĄTWA: #fff4e0, RGB: (255, 244, 224)
KLĄTWA: #82a6f3, RGB: (130, 166, 243); KLĄTWA: #c1c8d0, RGB: (193, 200, 208); KLĄTWA: #141414, RGB: (20, 20, 20)
Uproszczona wersja palety kolorów
Cień palegreen, Cień tomato, Odcień oldlace, Cień cornflowerblue, Cień Srebro, Cień Czarny
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Frontend Modular Grid UI Framework kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #aaf683 | #aaf683 | RGB(170, 246, 131) | Module Mint | — |
| #ff6f59 | #ff6f59 | RGB(255, 111, 89) | Responsive Rust | — |
| #fff4e0 | #fff4e0 | RGB(255, 244, 224) | Breakpoint Beige | — |
| #82a6f3 | #82a6f3 | RGB(130, 166, 243) | Flex Container Blue | — |
| #c1c8d0 | #c1c8d0 | RGB(193, 200, 208) | CSS Shadow Gray | — |
| #141414 | #141414 | RGB(20, 20, 20) | Accessibility Onyx | Sooty |
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 |
#aaf683 | #fff4e0 | 1.18 |
#aaf683 | #82a6f3 | 1.86 |
#aaf683 | #c1c8d0 | 1.3 |
#ff6f59 | #82a6f3 | 1.13 |
#ff6f59 | #c1c8d0 | 1.62 |
#fff4e0 | #c1c8d0 | 1.54 |
Paleta obrazów Frontend Modular Grid UI Framework png
Eksportuj paletę
Pobierz "Frontend Modular Grid UI Framework" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: