#0D3464 Marina del Capvespre

    Genera codis de color, variacions, harmonies i comprova les ràtios de contrast.

    Conversió de Color

    HEX

    #0d3464

    HEX
    #0d3464
    HSL
    213, 77, 22
    RGB
    13, 52, 100
    XYZ
    4, 3, 13
    CMYK
    87, 48, 0, 61
    LUV
    22,-7,-35
    LAB
    22, 6, -32
    HWB
    213, 5, 61

    Variacions

    L'objectiu d'aquesta secció és produir amb precisió tons (blanc pur afegit) i ombres (negre pur afegit) del teu color seleccionat en increments del 10%.

    Consell Pro: Utilitza ombres per a estats de pas del ratolí i ombres, tons per a ressaltats i fons.

    Ombres

    Variacions més fosques creades afegint negre al teu color base.

    Tons

    Variacions més clares creades afegint blanc al teu color base.

    Usos Comuns

    • Estats de components UI (pas del ratolí, actiu, desactivat)
    • Crear profunditat amb ombres i ressaltats
    • Construir sistemes de color consistents

    Consell de Sistema de Disseny

    Aquestes variacions formen la base d'una paleta de colors cohesionada. Exporta-les per mantenir la consistència a tot el teu projecte.

    Combinacions de colors

    Cada harmonia té el seu propi estat d'ànim. Utilitza harmonies per generar idees de combinacions de colors que funcionin bé juntes.

    Com utilitzar

    Fes clic a qualsevol color per copiar el seu valor hex. Aquestes combinacions estan matemàticament provades per crear harmonia visual.

    Per què és important

    Les harmonies de colors creen equilibri i evoquen emocions específiques en els teus dissenys.

    Complement

    Un color i el seu oposat a la roda de colors, +180 graus de to. Alt contrast.

    #0d3464
    Millor per a: Dissenys d'alt impacte, CTAs, logotips

    Complementari dividit

    Un color i dos adjacents al seu complement, +/-30 graus de to des del valor oposat al color principal. Audaç com un complement directe, però més versàtil.

    Millor per a: Dissenys vibrants però equilibrats

    Triàdic

    Tres colors espaiats uniformement al llarg de la roda de colors, cadascun a 120 graus de to. És millor permetre que un color domini i utilitzar els altres com a accents.

    Millor per a: Dissenys juganers i enèrgics

    Anàleg

    Tres colors de la mateixa luminància i saturació amb tons adjacents a la roda de colors, a 30 graus de distància. Transicions suaus.

    Millor per a: Interfícies inspirades en la natura, calmants

    Monocromàtic

    Tres colors del mateix to amb valors de luminància +/-50%. Subtil i refinat.

    Millor per a: Dissenys minimalistes i sofisticats

    Tetràdic

    Dos conjunts de colors complementaris, separats per 60 graus de to.

    Millor per a: Esquemes de color rics i diversos

    Principis de la teoria del color

    Equilibri

    Utilitza un color dominant, recolza amb secundaris i accentua amb moderació.

    Contrast

    Assegura un contrast suficient per a la llegibilitat i l'accessibilitat.

    Harmonia

    Els colors han de treballar junts per crear una experiència visual unificada.

    Verificador de contrast de color

    Prova combinacions de colors per assegurar-te que compleixen els estàndards d'accessibilitat WCAG per a la llegibilitat del text.

    Color del text
    Color de fons
    Contrast
    1.00
    Fail
    Molt pobre
    Text petit
    ✖︎
    Text gran
    ✖︎
    Estàndards WCAG
    AA:Proporció mínima de contrast de 4.5:1 per a text normal i 3:1 per a text gran. Necessari per a la majoria de llocs web.
    AAA:Proporció millorada de contrast de 7:1 per a text normal i 4.5:1 per a text gran. Recomanat per a una accessibilitat òptima.
    Contrast insuficient per a totes les mides de text - no compleix els estàndards WCAG.

    Verificador de contrast avançat

    Ajusta amb precisió amb lliscadors, múltiples previsualitzacions i més

    Tothom és un geni. Però si jutges un peix per la seva capacitat d'enfilar-se a un arbre, viurà tota la seva vida creient que és estúpid.

    - Albert Einstein

    Formats Tècnics

    Formats pràctics

    Anàlisi de color

    Simulador de daltonisme

    Aspectes creatius

    Preguntes freqüents

    Quin color és #0D3464?
    #0D3464 és Marina del Capvespre – Un blau fosc i profund amb una base lleument freda i una presència tensa, com un mar en calma a última hora del dia. Evoca estabilitat continguda i un autoritat tranquil·la que convida a la confiança mesurada.
    Què simbolitza Marina del Capvespre?
    autoritat i professionalitat, marítim i navegació, serenitat profunda, discreció i sofisticació, confiança institucional. A l'occident sovint s'associa amb autoritat (uniformes, institucions); a cultures mediterrànies rememora el mar profund i la nit; a Japó, tons similars poden suggerir formalitat i maduresa en vestir tradicional i disseny modern.
    On s'utilitza Marina del Capvespre en el disseny?
    En un espai o interfície aquest blau refreda l'ambient i imposa ordre, fent que altres elements destinats a cridar l'atenció destaquin més. Redueix la fatiga visual quan s'usa com a fons fosc i estabilitza la paleta global, però pot ressentir-se si no hi ha accents càlids per equilibrar-lo.
    Quins colors combinen bé amb Marina del Capvespre?
    colorCode.seoFaqPairingAnswer #D98E24: Complementari càlid: l'orange daurat crea contrast de color i jerarquia visual (harmonia complementària).. #0D4064: Anàleg més fresc: un blau-teula lleugerament clar complementa el to sense trencar la profunditat (harmonia anàloga).. #D9A22A: Split-complementari suau: un ocre càlid aporta calidesa sense competir amb la profunditat del blau (harmonia dividida)..
    Com afecta l'estat d'ànim el color Marina del Capvespre?
    Confiança serena amb autoritat continguda Produeix una sensació immediata de seguretat i professionalitat que calma i centra l'observador. colorCode.seoFaqMoodTraits
    Quines indústries utilitzen el color Marina del Capvespre?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Quina és la història del color Marina del Capvespre?
    Els blau fosc com aquest apareixen històricament quan artistes i tinturers van començar a usar pigment d'acer i blau de ferro al segle XVIII; abans es podien aconseguir tons similars amb blau de Prússia i mescles d'indigot i negres minerals. En la indumentària, la imatge del 'navy' es remunta als uniformes marítims del segle XVIII i XIX, quan blau fosc es va imposar per la seva capacitat d'amagar taques i projectar autoritat.
    Com utilitzar Marina del Capvespre en el disseny?
    Mantén sempre un punt d'accent càlid o una clara zona d'espai negatiu per evitar que el blau sobri la jerarquia visual.colorCode.seoFaqDesignDo
    És accessible el color Marina del Capvespre?
    colorCode.seoFaqAccessibilityAnswer Compleix WCAG AA per a text normal i gran.