Criado em 06/13/2025 10:27
JavaScript Gradient Studio
- Promise Lavender#b497f4
- Async Orange#ff6e40
- DOM Navy#273444
- Event Bubble#feebcb
- Script Blush#ffd6e0
- Function Leaf#7dce82
A paleta consiste em cores Luz. Cores de destaque Script Blush #ffd6e0 e Function Leaf #7dce82. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #273444 (mais escuro) a #FFD6E0 (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): #273444, #7DCE82, #B497F4, #FEEBCB, #FF6E40, #FFD6E0
A paleta JavaScript Gradient Studio tem uma combinação de cores de códigos de 6:
HEX: #b497f4, RGB: (180, 151, 244); HEX: #ff6e40, RGB: (255, 110, 64); HEX: #273444, RGB: (39, 52, 68)
HEX: #feebcb, RGB: (254, 235, 203); HEX: #ffd6e0, RGB: (255, 214, 224); HEX: #7dce82, RGB: (125, 206, 130)
Versão simplificada das cores da paleta
Sombra de mediumpurple, Matiz de coral, Sombra de midnightblue, Matiz de blanchedalmond, Sombra de Rosa, Sombra de darkseagreen
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
JavaScript Gradient Studio códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #b497f4 | #b497f4 | RGB(180, 151, 244) | Promise Lavender | — |
| #ff6e40 | #ff6e40 | RGB(255, 110, 64) | Async Orange | — |
| #273444 | #273444 | RGB(39, 52, 68) | DOM Navy | — |
| #feebcb | #feebcb | RGB(254, 235, 203) | Event Bubble | — |
| #ffd6e0 | #ffd6e0 | RGB(255, 214, 224) | Script Blush | — |
| #7dce82 | #7dce82 | RGB(125, 206, 130) | Function Leaf | — |
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 |
#b497f4 | #ff6e40 | 1.14 |
#b497f4 | #ffd6e0 | 1.83 |
#b497f4 | #7dce82 | 1.27 |
#ff6e40 | #7dce82 | 1.45 |
#feebcb | #ffd6e0 | 1.12 |
#feebcb | #7dce82 | 1.62 |
Paleta de imagens JavaScript Gradient Studio png
Exportar paleta
Baixe a "JavaScript Gradient Studio" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: