Magenta liukuväri: sähköiset sävyt pinkin ja purppuran välissä

Magenta liukuväri yhdistää pinkin ja purppuran välisen voimakkaan värin naapuriväriin: violetti tuo sähköisyyttä, oranssi lämpöä, syaani kybertunnelmaa ja lähes musta syvyyttä. Puhdas näyttömagenta on #ff00ff, ja se on niin voimakas, että magenta toimii yleensä parhaiten liukuvärin toisena päätepisteenä koko pinnan sijaan. Alla olevat koodit kattavat eri suunnat sekä tekstin ja painatuksen huomiot.

Magentan, pinkin ja purppuran rajat

HSL-väriympyrässä magenta on 300 asteen kohdalla, täsmälleen punaisen ja sinisen välissä. Punaiseen päin se muuttuu kirkkaaksi pinkiksi, siniseen päin purppuraksi ja violetiksi. Magenta tunnetaan myös siitä, ettei sitä ole sateenkaaressa: sillä ei ole yhtä valon aallonpituutta. Silmä havaitsee sen saadessaan punaista ja sinistä valoa yhdessä. Siksi se näyttää niin keinotekoiselta ja sähköiseltä.

Jos haluat pehmeämpää ja lämpimämpää, lähempänä purukumia tai ruusua kuin neonia, pinkit liukuvärit ovat parempi lähtökohta. Magenta sopii, kun haluat värin, jonka ohi ei vain vieritetä.

Sähköisen magentaliukuvärin koodit

Magenta ja violetti tai sininen on klassinen sähköinen yhdistelmä. Se kulkee väriympyrää pitkin ilman sameita kohtia, joten väri säilyy elävänä. Yhdistelmät sopivat musiikkiin, yöelämään, pelaamiseen ja luoviin työkaluihin. Jos haluat enemmän sinistä kuin magentaa, jatka purppuraliukuvärien koodeihin.

Lämpimän magentan ja auringonlaskun koodit

Toiseen suuntaan väriympyrällä magenta lämpenee: kirkkaan pinkin kautta koralliin ja oranssiin. Tämä on 1980-luvun lopun grafiikan, synthwaven, vaporwaven ja monien kesäfestivaalijulisteiden ilme. Tumma yläpiste tekee siitä iltahämärän. Vaporwave-värit käsittelee tätä maailmaa lisää.

Syvä magenta tummilla pohjilla

Magenta näyttää arvokkaimmalta hohtaessaan pimeästä koko kehyksen täyttämisen sijaan. Viinin- tai luumunvärinen pohja ja yksi magentavalo tuntuvat luksusmuodilta tai yöbaarilta. Koko julisteelle levitetty sama magenta näyttää tarjouslehtiseltä. Tummalla pohjalla myös valkoinen teksti toimii helposti.

Magenta näytöllä ja painettuna

Näyttömagenta syntyy valosta, painomagenta taas on yksi CMYK:n neljästä painoväristä. Painomagenta on paljon himmeämpi, ja näytöllä sen likimääräinen arvo on yleensä #ec008c. Näytöllä hehkuva magentaliukuväri voi siis näyttää lehtisessä tasaiselta ja pinkiltä. RGB ja CMYK selittää eron ja painettavat liukuvärit koevedostuksen.

Teksti magentaliukuvärillä

Magenta on kirkkaampi kuin näyttää. Valkoinen teksti puhtaalla #ff00ff-värillä saavuttaa vain noin 3,1:1-kontrastin, joka riittää isoihin otsikoihin mutta ei pieneen tekstiin. Musta saavuttaa noin 6,7:1, mutta tuntuu raskaalta. Aseta valkoinen teksti liukuvärin syvempään päähän tai tummenna magentaa pienten sanojen takana esimerkiksi arvoon #a3006f.

Verkkosivulla magenta toimii myös näyttävänä liukuväriotsikkona. Käytä vain isoja otsikkokokoja, joissa kontrasti riittää, kuten oppaassa CSS-liukuväriteksti neuvotaan.

.headline {
  font-size: clamp(2.5rem, 6vw, 5rem);
  background: linear-gradient(90deg, #ff00ff 0%, #6a00f4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

Voimakkaissa väreissä tekstiin reagoiva tausta auttaa eniten. Gradientlyssä magenta Mark syventää väriä kirjainten lähellä ja pitää rauhallisimman alueensa otsikon takana, jolloin hohde säilyy ja sanat erottuvat. Magentan viileämmän sisarvärin löydät syaaniliukuvärien koodeista.