Criado em 06/25/2025 20:34
Modern JS Developer Panel
Code Red
#ef4444
Package Green
#22c55e
Theme Black
#030712
Script Taupe
#f1f5f9
Bundle Orange
#f97316
Reload Sky
#38bdf8
Output Cream
#fefce8
A paleta consiste em cores Luz, Escuro. Cores de destaque Bundle Orange #f97316 e Reload Sky #38bdf8. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
A paleta Modern JS Developer Panel tem uma combinação de cores de códigos de 7:
HEX: #ef4444, RGB: (239, 68, 68); HEX: #22c55e, RGB: (34, 197, 94); HEX: #030712, RGB: (3, 7, 18)
HEX: #f1f5f9, RGB: (241, 245, 249); HEX: #f97316, RGB: (249, 115, 22); HEX: #38bdf8, RGB: (56, 189, 248)
HEX: #fefce8, RGB: (254, 252, 232)
Versão simplificada das cores da paleta
Matiz de indianred, Matiz de limegreen, Sombra de Preto, Matiz de aliceblue, Sombra de chocolate, Sombra de deepskyblue, Matiz de ivory
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Modern JS Developer Panel códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Code Red | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Package Green | — |
| #030712 | #030712 | RGB(3, 7, 18) | Theme Black | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Script Taupe | — |
| #f97316 | #f97316 | RGB(249, 115, 22) | Bundle Orange | — |
| #38bdf8 | #38bdf8 | RGB(56, 189, 248) | Reload Sky | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Output Cream | — |
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 |
#ef4444 | #22c55e | 1.65 |
#ef4444 | #f97316 | 1.34 |
#ef4444 | #38bdf8 | 1.75 |
#22c55e | #f97316 | 1.23 |
#22c55e | #38bdf8 | 1.06 |
#f1f5f9 | #38bdf8 | 1.95 |
