Criado em 07/04/2025 09:55
JavaScript Flow Architecture
- Node Yellow#ffdd57
- Route Slate#3a3f55
- Async Aqua#00c7b1
- Promise Pink#fda3b3
- Callback Cream#f7f1e3
- Terminal Black#1e1f26
A paleta consiste em cores Luz, Escuro. Cores de destaque Node Yellow #ffdd57 e Async Aqua #00c7b1. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1E1F26 (mais escuro) a #F7F1E3 (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #00C7B1, #1E1F26, #3A3F55, #F7F1E3, #FDA3B3, #FFDD57
A paleta JavaScript Flow Architecture tem uma combinação de cores de códigos de 6:
HEX: #ffdd57, RGB: (255, 221, 87); HEX: #3a3f55, RGB: (58, 63, 85); HEX: #00c7b1, RGB: (0, 199, 177)
HEX: #fda3b3, RGB: (253, 163, 179); HEX: #f7f1e3, RGB: (247, 241, 227); HEX: #1e1f26, RGB: (30, 31, 38)
Versão simplificada das cores da paleta
Sombra de gold, Matiz de darkslateblue, Sombra de lightseagreen, Matiz de lightpink, Matiz de oldlace, Sombra de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
JavaScript Flow Architecture códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffdd57 | #ffdd57 | RGB(255, 221, 87) | Node Yellow | — |
| #3a3f55 | #3a3f55 | RGB(58, 63, 85) | Route Slate | — |
| #00c7b1 | #00c7b1 | RGB(0, 199, 177) | Async Aqua | — |
| #fda3b3 | #fda3b3 | RGB(253, 163, 179) | Promise Pink | — |
| #f7f1e3 | #f7f1e3 | RGB(247, 241, 227) | Callback Cream | White Veil |
| #1e1f26 | #1e1f26 | RGB(30, 31, 38) | Terminal Black | — |
Contraste da Paleta de Cores
7 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 |
#ffdd57 | #00c7b1 | 1.6 |
#ffdd57 | #fda3b3 | 1.42 |
#ffdd57 | #f7f1e3 | 1.18 |
#3a3f55 | #1e1f26 | 1.58 |
#00c7b1 | #fda3b3 | 1.12 |
#00c7b1 | #f7f1e3 | 1.9 |
Paleta de imagens JavaScript Flow Architecture png
Exportar paleta
Baixe a "JavaScript Flow Architecture" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: