Utworzono o godz 06/09/2025 15:30
SvelteKit Motion Component Suite
Transition Coral
#f94144
Svelte Orange
#f3722c
Hydration Gray
#e6e8e6
Motion Mauve
#c77dff
Data Sky
#a9def9
Script Ink
#333333
Paleta składa się z kolorów Światło. Kolory akcentujące Hydration Gray #e6e8e6 i Motion Mauve #c77dff. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Paleta SvelteKit Motion Component Suite zawiera kombinację kolorów kodów 6:
KLĄTWA: #f94144, RGB: (249, 65, 68); KLĄTWA: #f3722c, RGB: (243, 114, 44); KLĄTWA: #e6e8e6, RGB: (230, 232, 230)
KLĄTWA: #c77dff, RGB: (199, 125, 255); KLĄTWA: #a9def9, RGB: (169, 222, 249); KLĄTWA: #333333, RGB: (51, 51, 51)
Uproszczona wersja palety kolorów
Odcień tomato, Odcień coral, Cień gainsboro, Odcień violet, Cień lightblue, Cień Czarny
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
SvelteKit Motion Component Suite kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #f94144 | #f94144 | RGB(249, 65, 68) | Transition Coral | — |
| #f3722c | #f3722c | RGB(243, 114, 44) | Svelte Orange | — |
| #e6e8e6 | #e6e8e6 | RGB(230, 232, 230) | Hydration Gray | — |
| #c77dff | #c77dff | RGB(199, 125, 255) | Motion Mauve | — |
| #a9def9 | #a9def9 | RGB(169, 222, 249) | Data Sky | — |
| #333333 | #333333 | RGB(51, 51, 51) | Script Ink | Carbon |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#f94144 | #f3722c | 1.23 |
#f94144 | #c77dff | 1.33 |
#f3722c | #c77dff | 1.07 |
#f3722c | #a9def9 | 1.99 |
#e6e8e6 | #a9def9 | 1.17 |
#c77dff | #a9def9 | 1.85 |
