Neon Orange
Análoga • 5 colores • 🔥 Cálida
Colores
Naranja Halloween
#FF6600RGB(255, 102, 0) • HSL(24°, 100%, 50%)
CMYK(0%, 60%, 100%, 0%)
Creatividad, entusiasmo, aventura, confianza
Brillante Escarlata
#FF5722RGB(255, 87, 34) • HSL(14°, 100%, 57%)
CMYK(0%, 66%, 87%, 0%)
Pasion, energia, urgencia, poder, amor
Naranja Entusiasmo Vibrante
#FF4500RGB(255, 69, 0) • HSL(16°, 100%, 50%)
CMYK(0%, 73%, 100%, 0%)
Creatividad, entusiasmo, aventura, confianza
Brillante Coral
#FF3D00RGB(255, 61, 0) • HSL(14°, 100%, 50%)
CMYK(0%, 76%, 100%, 0%)
Pasion, energia, urgencia, poder, amor
Vivo Escarlata
#DD2C00RGB(221, 44, 0) • HSL(12°, 100%, 43%)
CMYK(0%, 80%, 100%, 13%)
Pasion, energia, urgencia, poder, amor
Armonía
Monocromática
Todos los colores comparten el mismo tono con diferente luminosidad/saturación. Crea unidad y elegancia.
Temperatura
Cálida
Contraste
AA: 4.5:1 · AAA: 7:1
Puntuación de Salud de Paleta
Accesibilidad
Armonía
Total
= Salud Paleta
Matriz de Accesibilidad (WCAG)
Ratio de contraste entre todos los pares de colores. AA requiere 4.5:1 para texto, AAA requiere 7:1.
| - | 1.08:1Fail | 1.17:1Fail | 1.21:1Fail | 1.61:1Fail | |
1.08:1Fail | - | 1.09:1Fail | 1.12:1Fail | 1.5:1Fail | |
1.17:1Fail | 1.09:1Fail | - | 1.03:1Fail | 1.38:1Fail | |
1.21:1Fail | 1.12:1Fail | 1.03:1Fail | - | 1.33:1Fail | |
1.61:1Fail | 1.5:1Fail | 1.38:1Fail | 1.33:1Fail | - |
Simulación de Daltonismo
Cómo se ve esta paleta para personas con diferentes tipos de deficiencia visual del color.
Original
Protanopía (ceguera al rojo)
~1.3%Deuteranopía (ceguera al verde)
~1.2%Tritanopía (ceguera al azul)
~0.01%Acromatopsia (total)
~0.003%Psicología y Significado
Usos Recomendados
Alimentación y Entretenimiento
Genial para restaurantes, eventos y entretenimiento
Creativo y Artes
Perfecto para agencias creativas y proyectos artísticos
Apps Móviles
Funciona bien para interfaces móviles
Diseño Web
Adecuado para sitios web modernos
Estadísticas de la Paleta
Tipo
Vibrante
Temperatura
🔥 Cálida
Claros / Oscuros
2 / 3
Contraste Medio
1.3:1
Distribución de Tonos
Propiedades del Color
Análisis de Contraste
Mínimo
1.0:1
Promedio
1.3:1
Máximo
1.6:1
WCAG AA requiere 4.5:1 para texto, 3:1 para texto grande
Sugerencias
Contraste medio bajo. Considera añadir colores más claros u oscuros.
Saturación muy alta. Considera añadir tonos apagados para descanso visual.
Baja diversidad de tonos. Considera ampliar el rango de tonos.
Análisis de Armonía
Armonía Detectada
Monocromática
Todos los colores comparten el mismo tono con diferente luminosidad/saturación. Crea unidad y elegancia.
Puntuación de Armonía
Informe de Accesibilidad
Accesibilidad
/100
WCAG AA
APROBADO
Contraste de texto con blanco/negro
Daltonismo
ATENCIÓN
Distinción para usuarios daltónicos
Criterios de Calidad
Problemas Detectados (10)
Colores 1 y 2 difíciles de distinguir (1.08:1) en modo normal
Colores 1 y 3 difíciles de distinguir (1.17:1) en modo normal
Colores 1 y 4 difíciles de distinguir (1.21:1) en modo normal
Colores 1 y 5 difíciles de distinguir (1.61:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.09:1) en modo normal
Colores 2 y 4 difíciles de distinguir (1.12:1) en modo normal
Colores 2 y 5 difíciles de distinguir (1.50:1) en modo normal
Colores 3 y 4 difíciles de distinguir (1.03:1) en modo normal
Colores 3 y 5 difíciles de distinguir (1.38:1) en modo normal
Colores 4 y 5 difíciles de distinguir (1.33:1) en modo normal
Degradados
Degradado lineal completo
background: linear-gradient(90deg, #FF6600, #FF5722, #FF4500, #FF3D00, #DD2C00);#FF6600 → #FF5722
#FF5722 → #FF4500
#FF4500 → #FF3D00
#FF3D00 → #DD2C00
Tintes y Sombras
Variaciones más claras (tintes) y más oscuras (sombras) de cada color
#FF6600
#FF5722
#FF4500
#FF3D00
#DD2C00
Exportar Código
:root {
--color-1: #FF6600;
--color-2: #FF5722;
--color-3: #FF4500;
--color-4: #FF3D00;
--color-5: #DD2C00;
}Paletas Relacionadas
Explora variaciones y alternativas generadas a partir de esta paleta
Complementaria
Colores opuestos en el círculo
Variación Análoga
Rotada 30° en el círculo
Versión Clara
15% más clara
Versión Oscura
15% más oscura
Apagada
30% menos saturación
Vibrante
30% más saturación
Variación Triádica
Rotada 120° en el círculo
Complementaria Dividida
Rotada 150° en el círculo
Monocromática
Basada en el primer color
Previsualización
Mira cómo se ve tu paleta en un contexto real de landing page
Bienvenido a Nuestra Plataforma
Descubre funciones increíbles y aumenta tu productividad con nuestras soluciones innovadoras.
Función Uno
Función Dos
Función Tres
© 2026 Tu Marca. Todos los derechos reservados.