Limenvihreä liukuväri: raikkautta hallitusti

Limenvihreä liukuväri sekoittaa vihreän kellertäviä sävyjä: vaaleaa sitrusta kuten #d9f99d, kirkasta limeä kuten #a3e635 ja syvempiä lehtisävyjä kuten #65a30d. Se häipyy usein lähes mustaan, oliiviin, sitruunankeltaiseen tai sinivihreään. Hallinta syntyy kolmesta valinnasta: kuinka suuri osa pinnasta on limeä, millaisella pohjalla se on ja minkä väristä teksti on. Kun valitset ne oikein, lime näyttää harkitulta ja ajankohtaiselta. Alta löydät limeliukuvärien koodit eri tunnelmiin, niillä erottuvat tekstivärit ja puhtaina pysyvät yhdistelmät.

Miksi lime käyttäytyy eri tavalla kuin muut vihreät

Lime sijaitsee väriympyrässä keltaisen ja vihreän välissä. Keltaisen tapaan se on erittäin vaalea täydelläkin kylläisyydellä. Tästä syntyvät sekä sen energia että ongelmat. Se ponnahtaa tummalta näytöltä, mutta hukuttaa valkoisen tekstin ja väsyttää silmää suurena pintana. Metsän- ja smaragdinvihreä käyttäytyvät enemmän sinisen tavoin, lime korostuskynän tavoin. Laajemman väriperheen löydät vihreistä liukuväreistä.

Limenvihreän liukuvärin koodit tummalla pohjalla

Tässä lime näyttää, mistä sen maine tulee. Lähes mustalla pohjalla pieni limehehku tuntuu sähköiseltä rasittamatta silmää, sillä katse voi levätä tummassa. Rajaa lime nurkkaan tai kaistaleeseen ja anna pohjan tehdä suurin osa työstä.

Tällaisissa tummissa sekoituksissa porrastuminen näkyy ensimmäisenä, etenkin alustan pakattua kuvan uudelleen. Hieno rakeisuus korjaa sitä. Tummat liukuväritaustat tarjoavat lisää kokeiltavia pohjia.

Pehmeät lime- ja sitruspastelliliukuvärit

Kermaan tai minttuun pehmennetty lime menettää räikeytensä ja muuttuu raikkaaksi, puhtaaksi ja hieman kasvimaiseksi. Nämä sopivat kahviloille, mehubaareille, ihonhoitoon ja kevätkampanjoihin. Lämmitä yhtä päätä hieman sitruunalla tai kermalla, jotta lopputulos tuntuu aurinkoiselta kliinisen sijaan.

Jos haluat viileämmän ja puhtaamman sävyn, minttuliukuvärit ovat aivan vieressä.

Limen kanssa puhtaasti yhdistyvät värit

Lime sekoittuu puhtaasti naapureihinsa: yhdellä puolella keltaiseen, toisella vihreään ja sinivihreään. Siirtymät pysyvät kirkkaina koko matkan. Ongelmat alkavat väriympyrän vastapuolen väreistä. Violetti ja magenta ovat lähellä limen vastaväriä, ja suora sekoitus kulkee sameanharmaan keskikohdan kautta. Sameat liukuvärit näyttää tarkasti, miksi näin käy.

Limellä erottuvat tekstivärit

Koska lime on hyvin vaalea, vaistomainen valkoisen tekstin valinta on lähes aina väärä. Ratkaisu on tumma tekstiväri, mieluiten erittäin syvä vihreä, jotta koko suunnitelma pysyy samassa väriperheessä. Alla olevat suhteet on mitattu WCAG:n kontrastikaavalla. Leipätekstin tavallinen vähimmäisarvo on 4,5:1. Lue menetelmästä lisää värikontrastin ja saavutettavuuden oppaasta.

Viimeinen rivi kannattaa huomata: lime on loistava tekstiväri mustalla. Limeotsikko lähes mustalla liukuvärillä on yksi luettavimmista yhdistelmistä. Teksti liukuvärillä kertoo, mitä tehdä, kun sanat ylittävät sekoituksen molemmat päät.

Limen CSS-liukuväri painikkeisiin ja pääosioihin

Verkossa lime toimii erinomaisesti toimintakehotteena tummalla sivulla ja huonosti koko sivun taustana. Alla oleva koodi luo tumman pääosion limehehkulla sekä limenvihreän painikkeen tummalla tekstillä. OKLCH-interpolointi pitää sekoituksen kirkkaana siellä, missä sRGB tummuisi. OKLCH-liukuvärit CSS:ssä selittää syntaksin.

.hero {
  min-height: 80vh;
  background-color: #0b0f05;
  background-image:
    radial-gradient(circle at 85% 15%, #a3e635 0%, transparent 40%),
    linear-gradient(160deg, #0b0f05 0%, #1a2e05 100%);
  color: #f7fee7;
}

.button {
  background: linear-gradient(135deg, #bef264, #84cc16);
  background: linear-gradient(135deg in oklch, #bef264, #84cc16);
  color: #1a2e05;
  border: 0;
  border-radius: 999px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
}

Missä limenvihreä liukuväri toimii parhaiten

• Urheilu ja kuntoilu: ottelupäivät, kilpailuilmoittautumiset, uudet varusteet. Lime mustalla viestii vauhtia.
• Musiikki ja yöelämä: klubi-illat ja julkaisugrafiikat, joissa lime sopii luontevasti neonliukuvärien rinnalle.
• Teknologia ja tuotelanseeraukset: yksi limetehoste saa tumman käyttöliittymän tuntumaan käynnissä olevalta.
• Tuore ruoka ja juoma: mehut, salaatit, cocktailit ja sitrukset pehmeämmillä pastellisävyillä.
• Kevätkampanjat: vaalea lime ja sitruuna viestivät uudesta kaudesta ilman tavallista pastellipinkkiä.

Lime on niin tunnistettava, että sillä on helppo näyttää samalta kuin muutkin siihen tänä vuonna tarttuneet. Gradientlyssä jokaista Markia verrataan kaikkiin muihin ja liian samankaltainen hylätään. Näin lunastamasi limeilme on sellainen, jota kukaan muu ei voi viedä. Myös luettavuus mukautuu jokaisen rivin takana, joten lime ei päädy vahingossa valkoisten sanojen alle.