Criado em 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
A paleta consiste em cores Escuro, Luz. Cores de destaque State Active Cyan #00cfc1 e Focus Ring Yellow #ffda3d. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
A paleta React Component Library Dark Mode tem uma combinação de cores de códigos de 6:
HEX: #0f1115, RGB: (15, 17, 21); HEX: #8e7cc3, RGB: (142, 124, 195); HEX: #00cfc1, RGB: (0, 207, 193)
HEX: #ffda3d, RGB: (255, 218, 61); HEX: #b5b5b5, RGB: (181, 181, 181); HEX: #f4f4f4, RGB: (244, 244, 244)
Versão simplificada das cores da paleta
Sombra de Preto, Sombra de mediumpurple, Matiz de mediumturquoise, Sombra de gold, Matiz de Prata, Matiz de whitesmoke
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
React Component Library Dark Mode códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #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 | — |
Contraste da Paleta de Cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#8e7cc3 | #00cfc1 | 1.83 |
#8e7cc3 | #b5b5b5 | 1.75 |
#00cfc1 | #ffda3d | 1.43 |
#00cfc1 | #b5b5b5 | 1.04 |
#00cfc1 | #f4f4f4 | 1.78 |
#ffda3d | #b5b5b5 | 1.49 |
