Utworzono o godz 06/25/2025 17:50
Accessible E-Commerce Design Tokens
Buy Button Red
#ff5a5f
Product Cream
#fff9f0
Text Contrast Black
#0f0f0f
Sale Tag Green
#44bba4
Rating Amber
#ffc107
Breadcrumb Blue
#3797a4
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Product Cream #fff9f0 i Breadcrumb Blue #3797a4. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Paleta Accessible E-Commerce Design Tokens zawiera kombinację kolorów kodów 6:
KLĄTWA: #ff5a5f, RGB: (255, 90, 95); KLĄTWA: #fff9f0, RGB: (255, 249, 240); KLĄTWA: #0f0f0f, RGB: (15, 15, 15)
KLĄTWA: #44bba4, RGB: (68, 187, 164); KLĄTWA: #ffc107, RGB: (255, 193, 7); KLĄTWA: #3797a4, RGB: (55, 151, 164)
Uproszczona wersja palety kolorów
Odcień salmon, Odcień floralwhite, Cień Czarny, Cień lightseagreen, Odcień gold, Odcień cadetblue
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Accessible E-Commerce Design Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ff5a5f | #ff5a5f | RGB(255, 90, 95) | Buy Button Red | — |
| #fff9f0 | #fff9f0 | RGB(255, 249, 240) | Product Cream | — |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Text Contrast Black | Chaos Black |
| #44bba4 | #44bba4 | RGB(68, 187, 164) | Sale Tag Green | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Rating Amber | — |
| #3797a4 | #3797a4 | RGB(55, 151, 164) | Breadcrumb Blue | — |
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 |
#ff5a5f | #44bba4 | 1.29 |
#ff5a5f | #ffc107 | 1.87 |
#ff5a5f | #3797a4 | 1.12 |
#fff9f0 | #ffc107 | 1.55 |
#44bba4 | #ffc107 | 1.44 |
#44bba4 | #3797a4 | 1.45 |
