Värimuunnos
#5e8739
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.
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.
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.
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.
Monokromaattinen
Kolme väriä, joilla on sama sävy ja luminanssiarvot +/-50%. Hienovarainen ja hienostunut.
Tetradinen
Kaksi sarjaa toisiaan täydentäviä värejä, erotettuna 60 asteen sävyllä.
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
WCAG-standardit
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ä.
Tekniset muodot
Käytännön muodot
Värianalyysi
Sokeussimulaattori
Luovat näkökohdat
Usein kysytyt kysymykset
- Mikä väri on #5E8739?
- #5E8739 on Kosteikko-oliivi – Syvä, luonnollinen oliivinvihreä, jossa on kirkas keltainen vivahde ja matala kontrasti. Herättää maanläheisen, elinvoimaisen ja rauhallisen turvallisuuden tunteen juuri tähän sävyyn sidottuna.
- Mitä Kosteikko-oliivi symboloi?
- kasvu ja hedelmällisyys, kestävyys ja ekologisuus, koti ja maanläheisyys, terveys ja puhtaus, hillitty ylellisyys tai perinne. Keski-Euroopassa ja Pohjoismaissa tällainen oliivinvihreä liitetään usein maaseutuun, puutarhoihin ja perinteiseen käsityöhön; Välimeren kulttuureissa oliivi viestii hedelmällisyyttä ja rauhaa; Aasiassa vihreän sävyt voivat viestiä terveyttä, mutta tietyissä paikallisissa perinteissä tummemmat oliivit yhdistetään varovaisuuteen tai vanhanaikaiseen pukeutumiseen.
- Missä Kosteikko-oliivi käytetään suunnittelussa?
- Tämä sävy lämmittää tilaa hillityllä, luonnollisella tavalla ja tekee pinnasta käsin kosketeltavan tuntuisen; se rohkaisee hitaampaan, harkittuun vuorovaikutukseen brändin tai tilan kanssa. Suunnittelussa se vetää huomiota ilman huutoa ja tukee ekologista ja aitoa mielikuvaa.
- Mitkä värit sopivat yhteen Kosteikko-oliivi kanssa?
- colorCode.seoFaqPairingAnswer #A178C6: Split-komplementaarinen / pehmeä vastaväri: tuo esiin vihreän keltaisuuden ilman kovaa magenta-kontrastia.. #8FBF3A: Analoginen kirkastaja: korostaa sävyn keltaista vivahdetta ja luo kokonaisuuteen energisen, luonnonmukaisen harmonian.. #3A5E87: Triadinen / tasapainottava sinitys: syventää palettia ja luo hienostuneen, luonnon inspiroiman kontrastin..
- Miten Kosteikko-oliivi vaikuttaa mielialaan?
- Rauhallinen elinvoima ja luottamusta herättävä luonnollisuus Tärkein tunne on turvallinen, kasvava luottamus yhdistettynä raikkaaseen toiveikkuuteen. colorCode.seoFaqMoodTraits
- Mitkä teollisuudenalat käyttävät Kosteikko-oliivi?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Mikä on Kosteikko-oliivi historia?
- Tällaisen oliivinvihreän sävyn juuret löytyvät luonnonpigmenteistä: roomalaiset ja renessanssin maalarit käyttivät luonnollista 'green earth' -pigmenttiä (terre verte), joka antoi samean, keltaiseen taittavan vihreän. Teollinen kromivihreä ja myöhemmin viridian-toonit 1800–1900-luvuilla toivat kirkkaampia vaihtoehtoja, mutta tämä väri muistuttaa perinteistä maa- ja lehtivihreää.
- Miten käyttää Kosteikko-oliivi suunnittelussa?
- Muista kontrastin ja tekstuurin tasapaino: käytä sävyä aksenttina ja tue sitä lämpimillä neutraaleilla ja yksi komplementaarinen korostusväri.colorCode.seoFaqDesignDo
- Onko Kosteikko-oliivi esteetön?
- colorCode.seoFaqAccessibilityAnswer Täyttää WCAG AA vaatimukset normaalille ja suurelle tekstille.