Utworzono o godz 07/23/2025 08:23
Web Interaction Design Toolkit
Hover Teal
#00a8e8
Active Coral
#ff8a5b
Click White
#faf9f6
Tab Graphite
#383e56
Modal Blue
#0077b6
Confirm Yellow
#ffd166
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Hover Teal #00a8e8 i Confirm Yellow #ffd166. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Paleta Web Interaction Design Toolkit zawiera kombinację kolorów kodów 6:
KLĄTWA: #00a8e8, RGB: (0, 168, 232); KLĄTWA: #ff8a5b, RGB: (255, 138, 91); KLĄTWA: #faf9f6, RGB: (250, 249, 246)
KLĄTWA: #383e56, RGB: (56, 62, 86); KLĄTWA: #0077b6, RGB: (0, 119, 182); KLĄTWA: #ffd166, RGB: (255, 209, 102)
Uproszczona wersja palety kolorów
Odcień deepskyblue, Cień coral, Cień whitesmoke, Odcień darkslateblue, Odcień steelblue, Cień gold
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Web Interaction Design Toolkit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #00a8e8 | #00a8e8 | RGB(0, 168, 232) | Hover Teal | — |
| #ff8a5b | #ff8a5b | RGB(255, 138, 91) | Active Coral | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Click White | — |
| #383e56 | #383e56 | RGB(56, 62, 86) | Tab Graphite | — |
| #0077b6 | #0077b6 | RGB(0, 119, 182) | Modal Blue | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Confirm Yellow | — |
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 |
#00a8e8 | #ff8a5b | 1.16 |
#00a8e8 | #0077b6 | 1.8 |
#00a8e8 | #ffd166 | 1.87 |
#ff8a5b | #ffd166 | 1.61 |
#faf9f6 | #ffd166 | 1.36 |
