#93803A Mostassa Vellutada

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

    Conversió de Color

    HEX

    #93803a

    HEX
    #93803a
    HSL
    47, 43, 40
    RGB
    147, 128, 58
    XYZ
    21, 22, 7
    CMYK
    0, 13, 61, 42
    LUV
    54,25,45
    LAB
    54, -2, 40
    HWB
    47, 23, 42

    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.

    #93803a
    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 #93803A?
    #93803A és Mostassa Vellutada – Un mostassa profund amb una base oliva apagada i textura terrosa que recorda gra i ferro antic. Evoca calidesa rústica i confiança pròpia, com una peça feta a mà que ha envellit bé.
    Què simbolitza Mostassa Vellutada?
    producte artesanal i rural, maduresa i collita, substància i estabilitat, valors ecològics moderats, patina del temps. A la Mediterrània aquest to s'associa amb l'olivera, l'oli i la terra; a cultures nord-europees pot remetre a materialitat i interiors mid-century; en context asiàtic pot interpretar-se com un to terrossos relacionat amb la pedra o el bambú sec. En resum, evoca natura i ofici però la lectura exacta canvia segons la història visual local.
    On s'utilitza Mostassa Vellutada en el disseny?
    Aquest to afegeix una sensació d'arrelament i estabilitat a un espai o marca, fent-lo percebut com autèntic i fet a mà. En interiors, redueix la sensació estèril i convida a la permanència; en branding, trasllada qualitat artesanal i tradició.
    Quins colors combinen bé amb Mostassa Vellutada?
    colorCode.seoFaqPairingAnswer #3A4B93: Complementari: blau-violaci fresc crea contrast visual distint i equilibra la calidesa terrosa (harmonia complementària).. #B08A3A: Anàleg: un daurat més clar reforça la riquesa cromàtica sense xocar, aportant variacions tonals (harmonia anàloga).. #3A9370: Triada/contrast subtil: un verd-teula profund introdueix frescor natural que dialoga amb la base oliva (harmonia triàdica)..
    Com afecta l'estat d'ànim el color Mostassa Vellutada?
    Calidesa rústica amb confiança serena Proporciona comfort matisat i seguretat sofisticada. colorCode.seoFaqMoodTraits
    Quines indústries utilitzen el color Mostassa Vellutada?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Quina és la història del color Mostassa Vellutada?
    Aquest matís radica en pigments naturals com l'ocre groc i l'ombra crua — terres riquíssimes en òxids de ferro que s'han extret i utilitzat des de l'art rupestre prehistòric. Les variants més fosques apareixen quan l'ocre es mescla amb terres tones o petites quantitats d'umbral i negre per reduir la saturació.
    Com utilitzar Mostassa Vellutada en el disseny?
    Mantén sempre un punt de contrast i textura: aquest color funciona millor quan està equilibrat amb neutres clars i un contrapunt blau o fosc.colorCode.seoFaqDesignDo
    És accessible el color Mostassa Vellutada?
    colorCode.seoFaqAccessibilityAnswer Compleix WCAG AA per a text normal i gran.