#6805E0 Veludo Cósmico

    Xera códigos de cor, variacións, harmonías e comproba as relacións de contraste.

    Conversión de cor

    HEX

    #6805e0

    HEX
    #6805e0
    HSL
    267, 96, 45
    RGB
    104, 5, 224
    XYZ
    19, 8, 71
    CMYK
    54, 98, 0, 12
    LUV
    35,17,-112
    LAB
    35, 74, -86
    HWB
    267, 2, 12

    Variacións

    O propósito desta sección é producir con precisión tons (engadido branco puro) e sombras (engadido negro puro) da cor seleccionada en incrementos do 10%.

    Pro Tip: Usa sombras para estados de hover e sombras, tons para resaltados e fondos.

    Sombras

    Variacións máis escuras creadas engadindo negro á túa cor base.

    Tons

    Variacións máis claras creadas engadindo branco á túa cor base.

    Casos de uso comúns

    • Estados de compoñentes de UI (hover, activo, desactivado)
    • Crear profundidade con sombras e resaltados
    • Construír sistemas de cor consistentes

    Consello de sistema de deseño

    Estas variacións forman a base dunha paleta de cores cohesiva. Expórtaas para manter a consistencia en todo o teu proxecto.

    Combinacións de cores

    Cada harmonía ten o seu propio estado de ánimo. Usa harmonías para xerar ideas de combinacións de cores que funcionen ben xuntas.

    Como usar

    Fai clic en calquera cor para copiar o seu valor hex. Estas combinacións están matematicamente probadas para crear harmonía visual.

    Por que importa

    As harmonías de cor crean equilibrio e evocan emocións específicas nos teus deseños.

    Complemento

    Unha cor e o seu oposto na roda de cores, +180 graos de ton. Alto contraste.

    #6805e0
    Mellor para: Deseños de alto impacto, CTAs, logotipos

    Complementario dividido

    Unha cor e dúas adxacentes ao seu complemento, +/-30 graos de ton desde o valor oposto á cor principal. Audaz como un complemento directo, pero máis versátil.

    Mellor para: Deseños vibrantes pero equilibrados

    Triádico

    Tres cores espazadas uniformemente ao longo da roda de cores, cada unha a 120 graos de ton. O mellor é permitir que unha cor domine e usar as outras como acentos.

    Mellor para: Deseños divertidos e enérxicos

    Análoga

    Tres cores da mesma luminancia e saturación con tons adxacentes na roda de cores, a 30 graos de distancia. Transicións suaves.

    Mellor para: Interfaces inspiradas na natureza, calmantes

    Monocromática

    Tres cores do mesmo ton con valores de luminancia +/-50%. Sutil e refinada.

    Mellor para: Deseños minimalistas e sofisticados

    Tetrádico

    Dous conxuntos de cores complementarias, separados por 60 graos de ton.

    Mellor para: Esquemas de cores ricos e diversos

    Principios da teoría da cor

    Equilibrio

    Usa unha cor dominante, apoia con secundaria e acentúa con moderación.

    Contraste

    Asegúrate de ter suficiente contraste para a lexibilidade e accesibilidade.

    Harmonía

    As cores deben traballar xuntas para crear unha experiencia visual unificada.

    Comprobador de contraste de cor

    Proba combinacións de cores para asegurarte de que cumpren os estándares de accesibilidade WCAG para a lexibilidade do texto.

    Cor do texto
    Cor de fondo
    Contraste
    1.00
    Fail
    Moi pobre
    Texto pequeno
    ✖︎
    Texto grande
    ✖︎
    Estándares WCAG
    AA:Relación de contraste mínima de 4.5:1 para texto normal e 3:1 para texto grande. Requirido para a maioría dos sitios web.
    AAA:Relación de contraste mellorada de 7:1 para texto normal e 4.5:1 para texto grande. Recomendada para unha accesibilidade óptima.
    Contraste insuficiente para todos os tamaños de texto - non cumpre os estándares WCAG.

    Comprobador de contraste avanzado

    Axusta finamente con deslizadores, múltiples vistas previas e máis

    Todo o mundo é un xenio. Pero se xulgas un peixe pola súa habilidade para subir a unha árbore, vivirá toda a súa vida crendo que é estúpido.

    - Albert Einstein

    Formatos técnicos

    Formatos prácticos

    Análise de cor

    Simulador de daltonismo

    Aspectos creativos

    Preguntas frecuentes

    Que cor é #6805E0?
    #6805E0 é Veludo Cósmico – Un violeta eléctrico e denso, con un matiz azul intenso que parece brilar baixo luz artificial. Evoca unha sensación de misterio urbano e enerxía creativa, como un fío entre a noite e a innovación.
    Que simboliza Veludo Cósmico?
    innovación creativa, espiritualidade moderna, luxo contemporáneo, misterio nocturno, rebeldía refinada. Na cultura occidental, os violetas intensos asócianse con creatividade e realeza moderna; en parte do Xapón contemporáneo, violeta eléctrico remite á moda de rúa e subculturas; en India, os tons púrpura poden reflectir espiritualidade e rituais, aínda que esta tonalidade máis eléctrica é vista como máis comercial que tradicional.
    Onde se usa Veludo Cósmico no deseño?
    En interfaces e espazos, #6805E0 tende a situar o centro de atención e suxire modernidade e tecnoloxía; crea contrastes fortes con amarelos/verdes e funciona como signo de exclusividade. En entornos físicos, potencia a iluminación artificial e pode facer que materiais brillantes ou metalizados parezan máis ricos.
    Que cores combinan ben con Veludo Cósmico?
    colorCode.seoFaqPairingAnswer #97FA1F: Complementario: contraste alto e chamativo que realza a atención (harmonía complementaria).. #5A00FF: Análogo: unha transición máis azulada que suaviza a progresión cromática e mantén coherencia tonal.. #FF8A05: Split-complementary/energético: engade calor e dinamismo sen competir directamente coa intensidade do violeta..
    Como afecta ás emocións Veludo Cósmico?
    Intriga sofisticada con enerxía creativa Produce unha resposta de curiosidade estimulante con toque de reverencia. colorCode.seoFaqMoodTraits
    Que industrias usan Veludo Cósmico?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Cal é a historia de Veludo Cósmico?
    Este tipo de violeta intenso ten antecedentes nos avances do século XIX: a creación da mauveína (1856) abriu camiño ás anilinas sintéticas que permiten violeta eléctricos en téxtiles e tinturas. Os pigmentos artificiais como o dioxazina e os pigmentos de manganeso aumentaron a paleta dispoñible para artistas e fabricantes, facendo posible un violeta saturado como #6805E0.
    Como usar Veludo Cósmico no deseño?
    Priorizar contraste e escala: usar #6805E0 como elemento focal contrastado con neutrales para conservar legibilidade e intención.colorCode.seoFaqDesignDo
    É accesible Veludo Cósmico?
    colorCode.seoFaqAccessibilityAnswer Cumpre WCAG AA para texto normal e grande.