Criado em 06/25/2025 20:33
React Flow Designer Studio
- Component Rose#f43f5e
- Hook Yellow#facc15
- State Sky#0ea5e9
- Dark Mode Nebula#0f172a
- Lint Lavender#c084fc
- Wireframe Mist#f1f5f9
- Deploy Teal#14b8a6
- Console Steel#64748b
A paleta consiste em cores Luz, Escuro. Cores de destaque Hook Yellow #facc15 e Lint Lavender #c084fc. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #0F172A (mais escuro) a #F1F5F9 (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): #0EA5E9, #0F172A, #14B8A6, #64748B, #C084FC, #F1F5F9, #F43F5E, #FACC15
A paleta React Flow Designer Studio tem uma combinação de cores de códigos de 8:
HEX: #f43f5e, RGB: (244, 63, 94); HEX: #facc15, RGB: (250, 204, 21); HEX: #0ea5e9, RGB: (14, 165, 233)
HEX: #0f172a, RGB: (15, 23, 42); HEX: #c084fc, RGB: (192, 132, 252); HEX: #f1f5f9, RGB: (241, 245, 249)
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #64748b, RGB: (100, 116, 139)
Versão simplificada das cores da paleta
Matiz de indianred, Matiz de gold, Matiz de deepskyblue, Sombra de Preto, Matiz de violet, Matiz de aliceblue, Matiz de lightseagreen, Matiz de slategrey
O esquema de cores foi criado por colorday
Códigos de cores na paleta
React Flow Designer Studio códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Component Rose | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Hook Yellow | — |
| #0ea5e9 | #0ea5e9 | RGB(14, 165, 233) | State Sky | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Dark Mode Nebula | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Lint Lavender | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Wireframe Mist | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Deploy Teal | — |
| #64748b | #64748b | RGB(100, 116, 139) | Console Steel | — |
Contraste da Paleta de Cores
14 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 |
#f43f5e | #0ea5e9 | 1.32 |
#f43f5e | #c084fc | 1.38 |
#f43f5e | #14b8a6 | 1.47 |
#f43f5e | #64748b | 1.29 |
#facc15 | #0ea5e9 | 1.8 |
#facc15 | #c084fc | 1.72 |
Paleta de imagens React Flow Designer Studio png
Exportar paleta
Baixe a "React Flow Designer Studio" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: