#202020 Noche Estrellada

    Genera códigos de color, variaciones, armonías y verifica relaciones de contraste.

    Conversión de Color

    HEX

    #202020Noche Estrellada

    HEX
    #202020
    HSL
    0, 0, 13
    RGB
    32, 32, 32
    XYZ
    1, 1, 2
    CMYK
    0, 0, 0, 87
    LUV
    12,2,1
    LAB
    12, 0, 0
    HWB
    0, 13, 87

    Sobre este color

    misterioso y sereno

    Un profundo y misterioso tono que evoca la quietud de la noche en un cielo despejado, donde las estrellas titilan en la oscuridad. Este color sugiere un refugio seguro y la promesa de sueños por descubrir.

    Psicología

    Rasgos psicológicos y asociaciones emocionales

    elegancia
    profundidad
    introspección
    tranquilidad
    contemplación

    Efecto

    Este color induce a la reflexión y la calma, fomentando un estado mental propicio para la meditación y el pensamiento profundo.

    Significado y simbolismo

    Simbolismo cultural y significado

    misterio
    poder
    sofisticación
    estabilidad
    protección

    Significado cultural

    En diversas culturas, el color negro ha simbolizado tanto el luto como el poder. En el antiguo Egipto, por ejemplo, representaba la fertilidad y la resurrección, mientras que en la cultura occidental a menudo se asocia con el misterio y la elegancia.

    Aplicaciones de diseño

    Cómo se usa este color en diferentes campos

    Moda

    Se utiliza en el diseño de ropa formal y elegante, ofreciendo un aire de sofisticación.

    Diseño de interiores

    Ideal para crear ambientes acogedores y dramáticos, especialmente en combinaciones con metales brillantes.

    Arte

    Empleada para transmitir emociones profundas y contrastes fuertes en pinturas y obras visuales.

    Tecnología

    Común en interfaces de usuario modernas, donde proporciona un fondo elegante y minimalista.

    Publicidad

    Utilizado para transmitir lujo y exclusividad en campañas de marketing de alta gama.

    Significado histórico

    La historia y herencia de este color

    El color negro, en sus diversas tonalidades, ha sido utilizado a lo largo de la historia como un símbolo de poder y autoridad. En la antigüedad, civilizaciones como la egipcia lo utilizaban para representar la fertilidad y la vida, a menudo en contraste con el blanco, que simbolizaba la muerte. Durante la Edad Media, el negro se asoció con el luto, pero también se convirtió en un color de estatus para las clases altas.

    En la era moderna, el negro ha tomado diferentes significados en el arte y la cultura popular. Movimientos artísticos como el expresionismo y el surrealismo han empleado el negro para explorar la psique humana y sus sombras. En arquitectura, el uso del negro en estructuras contemporáneas, como el Museo Guggenheim de Bilbao, ha redefinido la percepción de este color, mostrando su elegancia y versatilidad en el diseño. Hoy en día, el negro sigue siendo un pilar en la moda y el diseño, simbolizando tanto el misterio como la sofisticación.

    Variaciones

    El propósito de esta sección es producir con precisión tonos (añadido blanco puro) y sombras (añadido negro puro) de tu color seleccionado en incrementos del 10%.

    Consejo profesional: Usa sombras para estados de hover y sombras, tonos para resaltes y fondos.

    Sombras

    Variaciones más oscuras creadas al añadir negro a tu color base.

    Tonos

    Variaciones más claras creadas al añadir blanco a tu color base.

    Casos de uso comunes

    • Estados de componentes UI (hover, activo, deshabilitado)
    • Creando profundidad con sombras y resaltes
    • Construyendo sistemas de color consistentes

    Consejo para el sistema de diseño

    Estas variaciones forman la base de una paleta de colores cohesiva. Expórtalas para mantener la consistencia en todo tu proyecto.

    Combinaciones de colores

    Cada armonía tiene su propio estado de ánimo. Usa armonías para idear combinaciones de colores que funcionen bien juntas.

    Cómo usar

    Haz clic en cualquier color para copiar su valor hex. Estas combinaciones están matemáticamente probadas para crear armonía visual.

    Por qué es importante

    Las armonías de color crean equilibrio y evocan emociones específicas en tus diseños.

    Complemento

    Un color y su opuesto en la rueda de color, +180 grados de tono. Alto contraste.

    #202020
    Mejor para: Diseños de alto impacto, CTAs, logos

    Complementario dividido

    Un color y dos adyacentes a su complemento, +/-30 grados de tono del valor opuesto al color principal. Audaz como un complemento directo, pero más versátil.

    Mejor para: Diseños vibrantes pero equilibrados

    Triádico

    Tres colores espaciados uniformemente en la rueda de color, cada uno a 120 grados de tono. Lo mejor es permitir que un color domine y usar los otros como acentos.

    Mejor para: Diseños divertidos y enérgicos

    Análogo

    Tres colores de la misma luminancia y saturación con tonos adyacentes en la rueda de color, a 30 grados de distancia. Transiciones suaves.

    Mejor para: Interfaces inspiradas en la naturaleza, calmantes

    Monocromático

    Tres colores del mismo tono con valores de luminancia +/-50%. Sutil y refinado.

    Mejor para: Diseños minimalistas y sofisticados

    Tetrádico

    Dos conjuntos de colores complementarios, separados por 60 grados de tono.

    Mejor para: Esquemas de color ricos y diversos

    Principios de la teoría del color

    Equilibrio

    Usa un color dominante, apóyalo con secundarios y acentúa con moderación.

    Contraste

    Asegura suficiente contraste para legibilidad y accesibilidad.

    Armonía

    Los colores deben trabajar juntos para crear una experiencia visual unificada.

    Verificador de contraste de color

    Prueba combinaciones de colores para asegurarte de que cumplan con los estándares de accesibilidad WCAG para la legibilidad del texto.

    Color del texto
    Color de fondo
    Contraste
    1.00
    Fail
    Muy pobre
    Texto pequeño
    ✖︎
    Texto grande
    ✖︎
    Estándares WCAG
    AA:Ratio mínimo de contraste de 4.5:1 para texto normal y 3:1 para texto grande. Requerido para la mayoría de los sitios web.
    AAA:Ratio mejorado de contraste de 7:1 para texto normal y 4.5:1 para texto grande. Recomendado para una accesibilidad óptima.
    Contraste insuficiente para todos los tamaños de texto - no cumple con los estándares WCAG.

    Comprobador de contraste avanzado

    Ajusta con precisión con deslizadores, múltiples vistas previas y más

    Todo el mundo es un genio. Pero si juzgas a un pez por su habilidad para trepar un árbol, vivirá toda su vida creyendo que es estúpido.

    - Albert Einstein

    Formatos Técnicos

    Formatos prácticos

    Análisis de color

    Simulador de daltonismo

    Aspectos creativos

    Preguntas frecuentes

    ¿Qué color es #202020?
    #202020 es Noche Estrellada – Un profundo y misterioso tono que evoca la quietud de la noche en un cielo despejado, donde las estrellas titilan en la oscuridad. Este color sugiere un refugio seguro y la promesa de sueños por descubrir.