Criado em 07/10/2025 08:47
Reactive Component Design Language
- Observer Navy#1e3a8a
- Mutation Coral#f67280
- Trigger Mint#a6f6d5
- Render Frost#eef2f5
- Hook Violet#b388eb
- Fiber Slate#475569
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Mutation Coral #f67280 e Trigger Mint #a6f6d5. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1E3A8A (mais escuro) a #EEF2F5 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #1E3A8A, #475569, #A6F6D5, #B388EB, #EEF2F5, #F67280
A paleta Reactive Component Design Language tem uma combinação de cores de códigos de 6:
HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #f67280, RGB: (246, 114, 128); HEX: #a6f6d5, RGB: (166, 246, 213)
HEX: #eef2f5, RGB: (238, 242, 245); HEX: #b388eb, RGB: (179, 136, 235); HEX: #475569, RGB: (71, 85, 105)
Versão simplificada das cores da paleta
Matiz de darkslateblue, Matiz de lightcoral, Sombra de aquamarine, Matiz de aliceblue, Sombra de mediumpurple, Sombra de darkslateblue
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Reactive Component Design Language códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Observer Navy | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Mutation Coral | — |
| #a6f6d5 | #a6f6d5 | RGB(166, 246, 213) | Trigger Mint | — |
| #eef2f5 | #eef2f5 | RGB(238, 242, 245) | Render Frost | — |
| #b388eb | #b388eb | RGB(179, 136, 235) | Hook Violet | — |
| #475569 | #475569 | RGB(71, 85, 105) | Fiber Slate | — |
Contraste da Paleta de Cores
3 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 |
#1e3a8a | #475569 | 1.36 |
#f67280 | #b388eb | 1 |
#a6f6d5 | #eef2f5 | 1.11 |
Paleta de imagens Reactive Component Design Language png
Exportar paleta
Baixe a "Reactive Component Design Language" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: