#4DACA4 Tidevannsteal

    Generer fargekoder, variasjoner, harmonier, og sjekk kontrastforhold.

    Fargekonvertering

    HEX

    #4daca4

    HEX
    #4daca4
    HSL
    175, 38, 49
    RGB
    77, 172, 164
    XYZ
    25, 34, 40
    CMYK
    55, 0, 5, 33
    LUV
    65,-32,3
    LAB
    65, -30, -4
    HWB
    175, 30, 33

    Varianter

    Formålet med denne seksjonen er å nøyaktig produsere nyanser (ren hvit tilsatt) og toner (ren svart tilsatt) av den valgte fargen din i 10% økninger.

    Profftips: Bruk toner for hover-tilstander og skygger, nyanser for høydepunkter og bakgrunner.

    Toner

    Mørkere varianter laget ved å legge til svart til basisfargen din.

    Nyanser

    Lysere varianter laget ved å legge til hvit til basisfargen din.

    Vanlige bruksområder

    • UI-komponenttilstander (hover, aktiv, deaktivert)
    • Skape dybde med skygger og høydepunkter
    • Bygge konsistente fargesystemer

    Designsystemtips

    Disse variantene danner grunnlaget for en sammenhengende fargepalett. Eksporter dem for å opprettholde konsistens i hele prosjektet ditt.

    Fargekombinasjoner

    Hver harmoni har sin egen stemning. Bruk harmonier for å brainstorme fargekombinasjoner som fungerer godt sammen.

    Hvordan bruke

    Klikk på en hvilken som helst farge for å kopiere dens hex-verdi. Disse kombinasjonene er matematisk bevist å skape visuell harmoni.

    Hvorfor det er viktig

    Fargeharmonier skaper balanse og fremkaller spesifikke følelser i designene dine.

    Komplementær

    En farge og dens motsatte på fargehjulet, +180 grader av nyanse. Høy kontrast.

    #4daca4
    Best for: Høy-effekt design, CTAer, logoer

    Delt-komplementær

    En farge og to tilstøtende til dens komplementær, +/-30 grader av nyanse fra verdien motsatt hovedfargen. Drastisk som en rett komplementær, men mer allsidig.

    Best for: Livlige, men balanserte oppsett

    Triadisk

    Tre farger jevnt fordelt langs fargehjulet, hver 120 grader av nyanse fra hverandre. Best å la én farge dominere og bruke de andre som aksenter.

    Best for: Lekne, energiske design

    Analoge

    Tre farger med samme luminans og metning med nyanser som er tilstøtende på fargehjulet, 30 grader fra hverandre. Glatte overganger.

    Best for: Naturinspirerte, beroligende grensesnitt

    Monokromatisk

    Tre farger med samme nyanse med luminansverdier +/-50%. Subtilt og raffinert.

    Best for: Minimalistiske, sofistikerte design

    Tetradisk

    To sett med komplementære farger, adskilt med 60 graders fargetone.

    Best for: Rike, mangfoldige fargepaletter

    Fargelæreprinsipper

    Balanse

    Bruk én dominerende farge, støtt med sekundære, og bruk aksenter sparsomt.

    Kontrast

    Sørg for tilstrekkelig kontrast for lesbarhet og tilgjengelighet.

    Harmoni

    Farger bør fungere sammen for å skape en enhetlig visuell opplevelse.

    Fargekontrastkontroll

    Test fargekombinasjoner for å sikre at de oppfyller WCAG-tilgjengelighetsstandarder for tekstlesbarhet.

    Tekstfarge
    Bakgrunnsfarge
    Kontrast
    1.00
    Fail
    Veldig dårlig
    Liten tekst
    ✖︎
    Stor tekst
    ✖︎
    WCAG-standarder
    AA:Minimum kontrastforhold på 4.5:1 for normal tekst og 3:1 for stor tekst. Kreves for de fleste nettsteder.
    AAA:Forbedret kontrastforhold på 7:1 for normal tekst og 4.5:1 for stor tekst. Anbefalt for optimal tilgjengelighet.
    Utilstrekkelig kontrast for alle tekststørrelser - oppfyller ikke WCAG-standarder.

    Avansert kontrastsjekker

    Finjuster med skyveknapper, flere forhåndsvisninger og mer

    Alle er et geni. Men hvis du dømmer en fisk etter dens evne til å klatre i et tre, vil den leve hele livet og tro at den er dum.

    - Albert Einstein

    Tekniske formater

    Praktiske formater

    Fargeanalyse

    Blindhetssimulator

    Kreative aspekter

    Ofte stilte spørsmål

    Hvilken farge er #4DACA4?
    #4DACA4 er Tidevannsteal – En klar, blågrønn nyanse med balansert metning og et kjølig, nesten havaktig undertone. Den gir en følelse av rolig fremdrift og forfriskende klarhet.
    Hva symboliserer Tidevannsteal?
    bærekraft og naturtilknytning, helse og velvære, klarhet og kommunikasjon, fornyelse og rensing, troverdig, moderne profesjonalitet. I vestlige sammenhenger forbindes denne blågrønne tonen ofte med helse, spa og hav — et moderne tegn på friskhet. I østasiatiske kulturer kan grønne-blå toner signalisere harmoni og naturforbindelse, spesielt i japansk estetikk. I latinamerikanske og middelhavsland brukes lignende toner i keramikk og arkitektur som symboler på vann og beskyttelse mot varme.
    Hvor brukes Tidevannsteal i design?
    I et rom eller grensesnitt demper Tidevannsteal angst og skaper en følelse av organisert orden samtidig som den holder stemningen frisk. Den balanserer stimulans og ro, så brukere opplever fokus uten kjølig distanse.
    Hvilke farger passer godt med Tidevannsteal?
    colorCode.seoFaqPairingAnswer #B2535B: Direkte komplementær (sterk kontrast) — gir levende visuell energi for CTA-er eller smale rammer.. #4D90AC: Analog harmoni — en dypere blåvariant som utvider paletten uten å bryte den kjølige tonen.. #B28A53: Split-komplementær/varm kontrast — myker opp og tilfører jordnær varme som balanserer den kjølige følelsen..
    Hvordan påvirker Tidevannsteal humøret?
    Rolig fornyelse med klar hensikt Førsteinntrykket er beroligende trygghet med et hint av optimisme. colorCode.seoFaqMoodTraits
    Hvilke bransjer bruker Tidevannsteal?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Hva er historien til Tidevannsteal?
    Historiske opprinnelser for nøyaktig denne nyansen er moderne, fordi den krever pigmentkombinasjoner og fargestandarder som først ble mulig med 19.–20. århundres syntetiske pigmenter; tidlige forløpere inkluderte kobber- og koboltbaserte mineralpigmenter brukt i keramikk og glasering.
    Hvordan bruke Tidevannsteal i design?
    Behold kontrast og balanse: bruk Tidevannsteal som en kontrollert aksent mot enten varme nøytraler eller dypere komplementære toner.colorCode.seoFaqDesignDo
    Er Tidevannsteal tilgjengelig?
    colorCode.seoFaqAccessibilityAnswer Oppfyller WCAG AA for normal og stor tekst.