#AD3328 Granatglöd

    Generera färgkoder, variationer, harmonier och kontrollera kontrastförhållanden.

    Färgkonvertering

    HEX

    #ad3328

    HEX
    #ad3328
    HSL
    5, 62, 42
    RGB
    173, 51, 40
    XYZ
    19, 11, 3
    CMYK
    0, 71, 77, 32
    LUV
    40,104,24
    LAB
    40, 49, 35
    HWB
    5, 16, 32

    Variationer

    Syftet med denna sektion är att noggrant producera nyanser (rent vitt tillagt) och skuggor (rent svart tillagt) av din valda färg i 10%-steg.

    Proffstips: Använd skuggor för hover-tillstånd och skuggor, nyanser för highlights och bakgrunder.

    Skuggor

    Mörkare variationer skapade genom att lägga till svart till din basfärg.

    Nyanser

    Ljusa variationer skapade genom att lägga till vitt till din basfärg.

    Vanliga användningsområden

    • UI-komponenttillstånd (hover, aktiv, inaktiverad)
    • Skapa djup med skuggor och highlights
    • Bygga konsekventa färgsystem

    Designsystemtips

    Dessa variationer utgör grunden för en sammanhängande färgpalett. Exportera dem för att behålla konsekvens i hela ditt projekt.

    Färgkombinationer

    Varje harmoni har sin egen stämning. Använd harmonier för att brainstorma färgkombinationer som fungerar bra tillsammans.

    Hur man använder

    Klicka på vilken färg som helst för att kopiera dess hex-värde. Dessa kombinationer är matematiskt bevisade för att skapa visuell harmoni.

    Varför det är viktigt

    Färgharmonier skapar balans och väcker specifika känslor i dina designer.

    Komplement

    En färg och dess motsats på färghjulet, +180 grader av nyans. Hög kontrast.

    #ad3328
    Bäst för: Högkontrastdesign, CTA:er, logotyper

    Delat komplement

    En färg och två intill dess komplement, +/-30 grader av nyans från värdet mittemot huvudfärgen. Djärv som ett rakt komplement, men mer mångsidig.

    Bäst för: Livliga men balanserade layouter

    Triadisk

    Tre färger jämnt fördelade längs färghjulet, var och en 120 grader av nyans isär. Bäst att låta en färg dominera och använda de andra som accenter.

    Bäst för: Lekfulla, energiska designer

    Analog

    Tre färger med samma luminans och mättnad med nyanser som är intill varandra på färghjulet, 30 grader isär. Mjuka övergångar.

    Bäst för: Naturinspirerade, lugnande gränssnitt

    Monokromatisk

    Tre färger med samma nyans med luminansvärden +/-50%. Subtil och förfinad.

    Bäst för: Minimalistiska, sofistikerade designer

    Tetradisk

    Två uppsättningar av komplementfärger, separerade med 60 graders nyans.

    Bäst för: Rika, mångsidiga färgscheman

    Färgteoriprinciper

    Balans

    Använd en dominerande färg, stöd med sekundära och accentuera sparsamt.

    Kontrast

    Säkerställ tillräcklig kontrast för läsbarhet och tillgänglighet.

    Harmoni

    Färger bör samverka för att skapa en enhetlig visuell upplevelse.

    Färgkontrastkontroll

    Testa färgkombinationer för att säkerställa att de uppfyller WCAG:s tillgänglighetsstandarder för textläsbarhet.

    Textfärg
    Bakgrundsfärg
    Kontrast
    1.00
    Fail
    Mycket dålig
    Liten text
    ✖︎
    Stor text
    ✖︎
    WCAG-standarder
    AA:Minsta kontrastförhållande på {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} för normal text och 3:1 för stor text. Krävs för de flesta webbplatser.
    AAA:Förbättrat kontrastförhållande på 7:1 för normal text och {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} för stor text. Rekommenderas för optimal tillgänglighet.
    Otillräcklig kontrast för alla textstorlekar - uppfyller inte WCAG-standarder.

    Avancerad kontrastkontroll

    Finjustera med reglage, flera förhandsvisningar & mer

    Alla är ett geni. Men om du dömer en fisk efter dess förmåga att klättra i träd, kommer den att leva hela sitt liv i tron att den är dum.

    - Albert Einstein

    Tekniska format

    Praktiska format

    Färganalys

    Blindhetssimulator

    Kreativa aspekter

    Vanliga frågor

    Vad är det för färg #AD3328?
    #AD3328 är Granatglöd – En mättad, jordad röd med tydlig orangeton och djup midton som känns både varm och intensiv. Den väcker en robust, sensuell energi — som doften av kryddor i ett mörkt kök.
    Vad symboliserar Granatglöd?
    aptit och kryddighet (matkontext), passion och värme, tradition och hantverk, styrka utan aggressivitet, autentisk premiumkänsla. I västerländska sammanhang associeras den med aptit och hantverk (mat, keramik). I östasiatiska kontexter kan liknande tegelröda toner knytas till lycka och fest, men också jord och byggnadstradition. I Mellanöstern och Medelhavet väcker den associationer till kryddor, porslin och rika kulinariska traditioner.
    Var används Granatglöd i design?
    I ett rum eller på en yta skapar Granatglöd fokalpunkt och driver upp energinivån utan att bli aggressiv tack vare sin något dämpade ton. Den ger intryck av hantverk och historia — utmärkt för platser där man vill stimulera aptit eller samtal.
    Vilka färger passar bra med Granatglöd?
    colorCode.seoFaqPairingAnswer #28ADB2: Komplementär kontrast: den kalla tealtonen skapar stark visuell dynamik och balanserar värmen.. #AD5828: Analog harmoni: en mer orangebrun nyans för gradienter och lager som bevarar värme utan hög kontrast.. #2833AD: Triadisk accent: djup kornblå ger livlig kontrast och modernitet utan att bli neon..
    Hur påverkar Granatglöd humöret?
    Varm kraft med jordad sensualitet Omedelbar värme och en känsla av robust elegans. colorCode.seoFaqMoodTraits
    Vilka industrier använder Granatglöd?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Vad är historien bakom Granatglöd?
    Den här typen av varm, orange-tung röd ligger nära historiska pigment som vermilion (kinesiskt cinnober) och krapplack (madder/alizarin) — pigment som användes i antik och medeltida konst för sina rika, mättade toner. De tidiga exemplen krävde naturliga mineraler och växtfärgämnen innan syntetiska röda blev tillgängliga på 1800‑talet.
    Hur används Granatglöd i design?
    Balans mellan värme och kontrast — alltid ge färgen antingen en sval komplementfärg eller en varm neutral för att låta dess nyans och textur komma fram.colorCode.seoFaqDesignDo
    Är Granatglöd tillgänglig?
    colorCode.seoFaqAccessibilityAnswer Uppfyller WCAG AA för normal och stor text.