#B0C8CA Nordisk Spärrglas

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

    Färgkonvertering

    HEX

    #b0c8ca

    HEX
    #b0c8ca
    HSL
    185, 20, 74
    RGB
    176, 200, 202
    XYZ
    49, 55, 64
    CMYK
    13, 1, 0, 21
    LUV
    79,-1,2
    LAB
    79, -8, -4
    HWB
    185, 69, 21

    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.

    #b0c8ca
    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 #B0C8CA?
    #B0C8CA är Nordisk Spärrglas – En ljus, dämpad akvamarin med en mjuk gråton som ger en pudrig, nästan porslinslik yta. Den väcker en sval, trygg stillhet — som en andningspaus i en ljus interiör eller brandingpalett.
    Vad symboliserar Nordisk Spärrglas?
    renhet och hygien, återhämtning, diskret lyx, förtrogenhet med naturen, neutral professionalitet. I Östasien associeras liknande toner ofta med celadon-keramik och elegans; i Västeuropa förknippas tonen med kustmiljöer och skandinavisk minimalism; i nordamerikansk wellness-marknadsföring används den som en lugnande, tillgänglig neutral.
    Var används Nordisk Spärrglas i design?
    Färgen sänker pulsen i ett rum och uppfattas som hygienisk och ordnad; den skapar visuellt andningsutrymme utan att kännas kallt avvisande. I digital design tonar den ner visuell brus och hjälper innehåll att framträda mjukt men tydligt.
    Vilka färger passar bra med Nordisk Spärrglas?
    colorCode.seoFaqPairingAnswer #CABAAD: Komplementär varm dämpad korall — skapar balanserad kontrast och visuell värme (komplementär harmoni).. #89B7B8: Analog, något mörkare teal — fördjupning utan hög kontrast, bygger ett lugnt ton-på-ton-system (analog harmoni).. #D9CDB0: Mjuk sand/beige som ger jordig värme och en naturlig lyftning — bra för split-komplementär känsla och materialkombinationer..
    Hur påverkar Nordisk Spärrglas humöret?
    Sval, lugnande återhållsamhet En omedelbar känsla av trygg stillhet och förfinad enkelhet. colorCode.seoFaqMoodTraits
    Vilka industrier använder Nordisk Spärrglas?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Vad är historien bakom Nordisk Spärrglas?
    Den exakta tonen påminner om de ljusa, grågröna glaserna som användes i Longquan celadon-keramik i Kina från Song- och Yuan-dynastierna; dessa glaser skapades genom koppar- och järnoxidblandningar i fältspatbaserade glasyrer och fick sin dämpade blågrönhet genom reduktionseldning. Liknande toner uppstod också i glas och emaljer när koppar oxiderade till patina i fuktiga miljöer.
    Hur används Nordisk Spärrglas i design?
    Se till att kontrast håller läsbarhet; denna färgs värde kräver mörk text och strategiska varma accenter.colorCode.seoFaqDesignDo
    Är Nordisk Spärrglas tillgänglig?
    colorCode.seoFaqAccessibilityAnswer Uppfyller WCAG AA för normal och stor text.