Utworzono o godz 07/16/2025 20:17
Modular Design System for Web Frameworks
Atomic Indigo
#3f51b5
Token Cream
#fffdf7
Structure Steel
#708090
Layout Teal
#00c2a8
Interactive Yellow
#ffeb3b
Syntax Rose
#f7a1c4
Base Grid Gray
#cccccc
Paleta składa się z kolorów Półciemny, Światło. Kolory akcentujące Token Cream #fffdf7 i Layout Teal #00c2a8. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Paleta Modular Design System for Web Frameworks zawiera kombinację kolorów kodów 7:
KLĄTWA: #3f51b5, RGB: (63, 81, 181); KLĄTWA: #fffdf7, RGB: (255, 253, 247); KLĄTWA: #708090, RGB: (112, 128, 144)
KLĄTWA: #00c2a8, RGB: (0, 194, 168); KLĄTWA: #ffeb3b, RGB: (255, 235, 59); KLĄTWA: #f7a1c4, RGB: (247, 161, 196)
KLĄTWA: #cccccc, RGB: (204, 204, 204)
Uproszczona wersja palety kolorów
Odcień slateblue, Cień floralwhite, slategrey, Odcień mediumaquamarine, Odcień Żółty, Odcień lightpink, Odcień lightgrey
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Modular Design System for Web Frameworks kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Atomic Indigo | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Token Cream | — |
| #708090 | #708090 | RGB(112, 128, 144) | Structure Steel | Chain Gang Grey |
| #00c2a8 | #00c2a8 | RGB(0, 194, 168) | Layout Teal | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Interactive Yellow | — |
| #f7a1c4 | #f7a1c4 | RGB(247, 161, 196) | Syntax Rose | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Base Grid Gray | Cerebral Grey |
Kontrast palety kolorów
11 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#3f51b5 | #708090 | 1.69 |
#fffdf7 | #ffeb3b | 1.2 |
#fffdf7 | #f7a1c4 | 1.9 |
#fffdf7 | #cccccc | 1.57 |
#708090 | #00c2a8 | 1.79 |
#00c2a8 | #ffeb3b | 1.85 |
