Criado em 07/08/2025 08:05
Retro Frontend Interaction Lab
- Hotkey Blue#2d6cdf
- Debugger Yellow#f8e16c
- HTML Coral#ff6f5e
- Console Smoke#e0e0e0
- Visual RAM Green#b5e48c
- Markup Tan#ffeedb
A paleta consiste em cores Luz. Cores de destaque Hotkey Blue #2d6cdf e Markup Tan #ffeedb. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2D6CDF (mais escuro) a #FFEEDB (mais claro). A faixa de luminosidade é moderada.
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 quente.
Códigos HEX (ordenados): #2D6CDF, #B5E48C, #E0E0E0, #F8E16C, #FF6F5E, #FFEEDB
A paleta Retro Frontend Interaction Lab tem uma combinação de cores de códigos de 6:
HEX: #2d6cdf, RGB: (45, 108, 223); HEX: #f8e16c, RGB: (248, 225, 108); HEX: #ff6f5e, RGB: (255, 111, 94)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #b5e48c, RGB: (181, 228, 140); HEX: #ffeedb, RGB: (255, 238, 219)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de Cáqui, Matiz de salmon, Sombra de gainsboro, Sombra de lightgreen, Sombra de antiquewhite
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Retro Frontend Interaction Lab códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2d6cdf | #2d6cdf | RGB(45, 108, 223) | Hotkey Blue | — |
| #f8e16c | #f8e16c | RGB(248, 225, 108) | Debugger Yellow | — |
| #ff6f5e | #ff6f5e | RGB(255, 111, 94) | HTML Coral | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Console Smoke | Gray88 |
| #b5e48c | #b5e48c | RGB(181, 228, 140) | Visual RAM Green | — |
| #ffeedb | #ffeedb | RGB(255, 238, 219) | Markup Tan | — |
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 |
#2d6cdf | #ff6f5e | 1.77 |
#f8e16c | #e0e0e0 | 1 |
#f8e16c | #b5e48c | 1.1 |
#f8e16c | #ffeedb | 1.15 |
#ff6f5e | #b5e48c | 1.87 |
#e0e0e0 | #b5e48c | 1.1 |
Paleta de imagens Retro Frontend Interaction Lab png
Exportar paleta
Baixe a "Retro Frontend Interaction Lab" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: