Utworzono o godz 07/11/2025 09:40
React Component Library Dark Mode
React Base Black
#0f1115
Props Purple
#8e7cc3
State Active Cyan
#00cfc1
Focus Ring Yellow
#ffda3d
Shadow UI Grey
#b5b5b5
Card Border White
#f4f4f4
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące State Active Cyan #00cfc1 i Focus Ring Yellow #ffda3d. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Paleta React Component Library Dark Mode zawiera kombinację kolorów kodów 6:
KLĄTWA: #0f1115, RGB: (15, 17, 21); KLĄTWA: #8e7cc3, RGB: (142, 124, 195); KLĄTWA: #00cfc1, RGB: (0, 207, 193)
KLĄTWA: #ffda3d, RGB: (255, 218, 61); KLĄTWA: #b5b5b5, RGB: (181, 181, 181); KLĄTWA: #f4f4f4, RGB: (244, 244, 244)
Uproszczona wersja palety kolorów
Cień Czarny, Cień mediumpurple, Odcień mediumturquoise, Cień gold, Odcień Srebro, Odcień whitesmoke
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
React Component Library Dark Mode kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #0f1115 | #0f1115 | RGB(15, 17, 21) | React Base Black | — |
| #8e7cc3 | #8e7cc3 | RGB(142, 124, 195) | Props Purple | — |
| #00cfc1 | #00cfc1 | RGB(0, 207, 193) | State Active Cyan | — |
| #ffda3d | #ffda3d | RGB(255, 218, 61) | Focus Ring Yellow | — |
| #b5b5b5 | #b5b5b5 | RGB(181, 181, 181) | Shadow UI Grey | Brainstem Grey |
| #f4f4f4 | #f4f4f4 | RGB(244, 244, 244) | Card Border White | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#8e7cc3 | #00cfc1 | 1.83 |
#8e7cc3 | #b5b5b5 | 1.75 |
#00cfc1 | #ffda3d | 1.43 |
#00cfc1 | #b5b5b5 | 1.04 |
#00cfc1 | #f4f4f4 | 1.78 |
#ffda3d | #b5b5b5 | 1.49 |
