#B8278D Syvän Punainen Ruusun Kukka

    Luo värikoodeja, variaatioita, harmoniat ja tarkista kontrastisuhteet.

    Värimuunnos

    HEX

    #b8278d

    HEX
    #b8278d
    HSL
    318, 65, 44
    RGB
    184, 39, 141
    XYZ
    25, 14, 26
    CMYK
    0, 79, 23, 28
    LUV
    44,87,-37
    LAB
    44, 65, -22
    HWB
    318, 15, 28

    Muunnelmat

    Tämän osion tarkoitus on tuottaa tarkasti valitun värisi sävyjä (lisätty puhdasta valkoista) ja varjostuksia (lisätty puhdasta mustaa) 10% välein.

    Ammattilaisen vinkki: Käytä varjostuksia hover-tiloihin ja varjoihin, sävyjä korostuksiin ja taustoihin.

    Varjostukset

    Tummemmat muunnelmat luodaan lisäämällä mustaa perusväriisi.

    Sävyt

    Vaaleammat muunnelmat luodaan lisäämällä valkoista perusväriisi.

    Yleiset käyttötapaukset

    • Käyttöliittymäkomponenttien tilat (hover, aktiivinen, pois käytöstä)
    • Syvyyden luominen varjoilla ja korostuksilla
    • Yhtenäisten värijärjestelmien rakentaminen

    Design System -vinkki

    Nämä muunnelmat muodostavat yhtenäisen väripaletin perustan. Vie ne säilyttääksesi johdonmukaisuuden koko projektissasi.

    Väriyhdistelmät

    Jokaisella harmonia on oma tunnelmansa. Käytä harmonioita ideoidaksesi väriyhdistelmiä, jotka toimivat hyvin yhdessä.

    Kuinka käyttää

    Klikkaa mitä tahansa väriä kopioidaksesi sen hex-arvon. Nämä yhdistelmät on matemaattisesti todistettu luomaan visuaalista harmoniaa.

    Miksi se on tärkeää

    Väriharmoniat luovat tasapainoa ja herättävät tiettyjä tunteita suunnittelussasi.

    Komplementti

    Väri ja sen vastaväri väripyörässä, +180 astetta sävyä. Korkea kontrasti.

    #b8278d
    Paras käyttö: Vaikuttavat suunnittelut, CTA:t, logot

    Jako-komplementti

    Väri ja kaksi sen komplementin viereistä väriä, +/-30 astetta sävyä päävärin vastakkaiselta puolelta. Rohkea kuten suora komplementti, mutta monipuolisempi.

    Paras käyttö: Eloisat mutta tasapainoiset asettelut

    Triadinen

    Kolme väriä tasaisesti väripyörällä, jokainen 120 astetta sävyä erillään. Paras antaa yhden värin hallita ja käyttää muita korostuksina.

    Paras käyttö: Leikkisät, energiset suunnittelut

    Analoginen

    Kolme väriä, joilla on sama luminanssi ja kylläisyys, ja jotka ovat vierekkäin väripyörällä, 30 astetta erillään. Pehmeät siirtymät.

    Paras käyttö: Luonnon inspiroimat, rauhoittavat käyttöliittymät

    Monokromaattinen

    Kolme väriä, joilla on sama sävy ja luminanssiarvot +/-50%. Hienovarainen ja hienostunut.

    Paras käyttö: Minimalistiset, hienostuneet suunnittelut

    Tetradinen

    Kaksi sarjaa toisiaan täydentäviä värejä, erotettuna 60 asteen sävyllä.

    Paras käyttö: Rikkaat, monipuoliset värimaailmat

    Väriteorian periaatteet

    Tasapaino

    Käytä yhtä hallitsevaa väriä, tue toissijaisella ja korosta säästeliäästi.

    Kontrasti

    Varmista riittävä kontrasti luettavuuden ja saavutettavuuden takaamiseksi.

    Harmonia

    Värien tulisi toimia yhdessä luodakseen yhtenäisen visuaalisen kokemuksen.

    Värikontrastin tarkistin

    Testaa värikombinaatioita varmistaaksesi, että ne täyttävät WCAG:n saavutettavuusstandardit tekstin luettavuudelle.

    Tekstin väri
    Taustaväri
    Kontrasti
    1.00
    Fail
    Erittäin huono
    Pieni teksti
    ✖︎
    Suuri teksti
    ✖︎
    WCAG-standardit
    AA:Vähimmäiskontrastisuhde 4.5:1 normaalille tekstille ja 3:1 suurelle tekstille. Vaaditaan useimmille verkkosivustoille.
    AAA:Parannettu kontrastisuhde 7:1 normaalille tekstille ja 4.5:1 suurelle tekstille. Suositellaan optimaaliseen saavutettavuuteen.
    Riittämätön kontrasti kaikille tekstikokoille - ei täytä WCAG-standardeja.

    Edistynyt kontrastintarkistin

    Hienosäädä liukusäätimillä, useilla esikatseluilla ja muulla

    Jokainen on nero. Mutta jos arvioit kalaa sen kyvystä kiivetä puuhun, se elää koko elämänsä uskoen olevansa tyhmä.

    - Albert Einstein

    Tekniset muodot

    Käytännön muodot

    Värianalyysi

    Sokeussimulaattori

    Luovat näkökohdat

    Usein kysytyt kysymykset

    Mikä väri on #B8278D?
    #B8278D on Syvän Punainen Ruusun Kukka – Tämä sävy on kuin yön syli, jossa ruusujen tuoksu sekoittuu intohimoiseen rakkauteen. Se kutsuu tunteita esiin, herättäen sydämen sykkeet ja muistaen kauneuden hetkellisyydet.
    Mitä Syvän Punainen Ruusun Kukka symboloi?
    rakkaus, kauneus, voima, intohimo, muutos. Monissa kulttuureissa syvän punainen väri symboloi rakkautta ja intohimoa, kun taas joissain kulttuureissa se voi edustaa uhrauksia ja elämän kiertokulkua.
    Missä Syvän Punainen Ruusun Kukka käytetään suunnittelussa?
    Herättää voimakkaita tunteita, lisää itseluottamusta ja rohkeutta.
    Miten Syvän Punainen Ruusun Kukka vaikuttaa mielialaan?
    intohimoinen ja herkkä colorCode.seoFaqMoodTraits
    Mikä on Syvän Punainen Ruusun Kukka historia?
    Syvän punainen väri on ollut käytössä jo muinaisista ajoista lähtien, ja se on usein liittynyt voimaan ja kuninkaallisuuteen. Taiteessa tämä sävy on saanut erityistä huomiota romanttisissa ja ekspressionistisissa liikkeissä, joissa se on symboloinut intohimoisia tunteita ja sisäistä taistelua.
    Onko Syvän Punainen Ruusun Kukka esteetön?
    colorCode.seoFaqAccessibilityAnswer Täyttää WCAG AA vaatimukset normaalille ja suurelle tekstille.