Mintunvihreä liukuväri: raikkaat ja vaaleat värikoodit

Mintunvihreä liukuväri yhdistää vaaleita, hieman sinertäviä vihreitä lähes valkoisesta pehmeään viherminttuun. Harva vihreä tuntuu yhtä raikkaalta. Kerman tai persikan lämmittämänä se tuo mieleen kahvilan, puutarhan tai kevätaamun. Harmaan ja puhtaan valkoisen kanssa se alkaa muistuttaa hammaslääkärin odotushuonetta. Tässä ovat raikkaina pysyvät minttukoodit, niitä lämmittävät kumppanit ja luettavuuden säilyttävä tekstiväri.

Mintunvihreä liukuväri yhdellä CSS-rivillä

Jos tarvitset vain yhden, aloita tästä. Se kulkee lämpimästä kermanvalkoisesta selkeään minttuun eikä tunnu kylmältä. Yläosaan jää runsaasti rauhallista tilaa sanoille.

Vaaleat minttuliukuvärit

Nämä ovat lähellä valkoista. Ne sopivat taustoiksi paljon luettavaa sisältäviin töihin, kuten ruokalistoihin ja hinnastoihin, sekä tuotekuviin, joissa pakkauksen halutaan olevan pääosassa. Pastelliliukuvärit käyttää samaa lähestymistapaa kaikkiin väreihin.

Päätä ajoissa, mihin suuntaan minttusi taittaa. Sinertävät mintut tuntuvat viileiltä, puhtailta ja moderneilta, mikä sopii teknologiaan, uimapukuihin ja ihonhoitoon. Kellertävät mintut tuntuvat lämpimiltä ja syötäviltä, mikä sopii ruokaan, kasveihin ja lasten tuotteisiin. Voit sekoittaa ne samaan liukuväriin, mutta anna toisen hallita, jotta brändillä on selkeä värilämpötila.

Minttu persikan, kerman tai roosan kanssa

Mintun vastaväri väriympyrässä on pehmeä korallinpunainen. Täysin kylläisinä vastavärit sekoittuvat harmaaksi. Pastelleissa kylläisyyttä on niin vähän, että ne sulautuvat siististi. Siksi minttu ja persikka tai minttu ja roosa ovat kauneimpia yhdistelmiä. Lämpö myös estää minttua tuntumasta lääketieteelliseltä. Lisää yhdistelmiä löydät artikkelista liukuvärien väriyhdistelmät.

Minttu, joka ei muistuta hammastahnaa

Moni yhdistää mintun hammastahnaan, klinikoihin ja sairaala-asuihin. Jos et toimi näillä aloilla, vältä niistä viestiviä yhdistelmiä.

Rakeisuus vaikuttaa tässä enemmän kuin luulisi. Vaalea digitaalinen liukuväri ilman tekstuuria näyttää oletusasetukselta. Pieni kohina tekee siitä painetun ruokalistakortin. Rakeiset liukuvärit näyttää miten.

Syvemmät minttuliukuvärit: smaragdiin ja metsään

Mintun vieminen smaragdin- tai metsänvihreään antaa liukuvärille sekä raikkautta että syvyyttä. Se sopii kestävyyttä korostaviin brändeihin, kasvikauppoihin, matchaan ja terveysruokaan. Tumma pää kantaa valkoisen tekstin. Koko vihreän valikoiman näet artikkelissa vihreät liukuvärit.

Teksti mintunvihreällä liukuvärillä

Minttu on yksi vaaleimmista väreistä, joten valkoinen teksti katoaa siihen. Valkoisen kontrasti vihermintulla #a7f3d0 jää selvästi alle 2:1. Metsänvihreä #064e3b samalla mintulla antaa noin 7,6:1 ja pitää koko työn samassa väriperheessä. Vaihda valkoiseen vasta, kun liukuväri syvenee smaragdiin #047857 tai tummemmaksi. Värikontrasti ja saavutettavuus selittää raja-arvot.

Gradientlyn Pro muuttaa yhden suunnitelman kaikkiin tarvitsemiisi kokoihin yhdellä kertaa. Automaattinen muste valitsee vaalean tai tumman tekstin kullekin riville Markin omista väreistä. Vaalean mintun päälle ei siis jää lukukelvotonta valkoista tekstiä koon muuttamisen jälkeen. Pienet kahvilat ja kaupat saavat lisää ideoita artikkeleista kahvilan brändäys ja kevään väripaletit.

Mintunvihreän liukuvärin CSS verkkosivulle

Verkkosivulla minttu toimii parhaiten yhden osion taustana koko sivun sijaan. Se tuntuu raikkaalta hetkeltä valkoisten osioiden välissä. Hento lämmin valo yhdessä nurkassa estää suurta minttualuetta näyttämästä lattealta. Metsänvihreä leipäteksti mustan sijaan pitää sivun pehmeänä.

.section-mint {
  background-color: #ecfdf5; /* fallback */
  background-image:
    radial-gradient(circle at 85% 20%, #fde2cf 0%, transparent 35%),
    linear-gradient(160deg, #fbfdf7 0%, #d1fae5 50%, #a7f3d0 100%);
  color: #064e3b;
}

.section-mint a { color: #065f46; }