Punamusta liukuväri: dramaattiset koodit ilman porrastumista

Punamusta liukuväri häivyttää kirkkaan punaisen, kuten #dc2626, tai syvemmän karmiinin, kuten #b91c1c, lähes mustaan. Verenpunainen #450a0a välissä säilyttää siirtymän täyteläisenä. Harva pari on yhtä dramaattinen: punainen vetää huomion, eikä musta kilpaile sen kanssa. Tässä punamustat koodit viiteen tunnelmaan, porrastumisen ehkäisy ja toimivat tekstivärit.

Punaisesta mustaan ilman ruskeaa

Tavallinen virhe on sekoittaa puhdas punainen suoraan puhtaaseen mustaan kahdella pysäytyksellä. Keskelle syntyy samea ruskeanpunainen, joka näyttää likaiselta eikä tummalta. Kulje tummempien punaisten kautta ja käytä mustaa, jossa on häivähdys punaista. Varjo kuuluu silloin samaan perheeseen kuin valo.

Punamustan liukuvärin koodit viiteen dramaattiseen tunnelmaan

Elokuva ja trilleri

Enimmäkseen mustaa ja yksi sivulta tuleva punainen valo, kuin poistumistiemerkki pimeässä huoneessa. Hillitty ja jännittynyt.

Urheilu ja otteluilta

Kuuma punainen nousee alhaalta kuin valaistulta areenan lattialta. Voimakas, fyysinen ja kiireinen.

Pelit

Terävät vinot linjat ja jyrkät värirajat muistuttavat enemmän grafiikkaa kuin hehkua. Vaikutelma on nopea ja aggressiivinen.

Muoti ja ylellisyys

Syvää karmiinia ja lakattua mustaa, tuskin lainkaan kirkasta punaista. Ajattele lakattua rasiaa tai punaista silkkivuorta: kiillotettu, kallis ja hallittu.

Halloween ja kauhu

Punainen kerääntyy kuvan pohjalle tai tihkuu kulmista. Säästeliäästi käytettynä se tuntuu levottomuutta herättävältä. Liika näyttää naamiaisliikkeeltä.

Miksi punamusta liukuväri porrastuu ja miten estät sen

Tummassa sileässä liukuvärissä on vain vähän erillisiä sävyjä, joten se hajoaa näkyviksi portaiksi etenkin sovelluksen pakatessa sitä uudelleen. Kylläinen punainen pahentaa video-ongelmaa. Useimmat videomuodot tallentavat värin kirkkautta pienemmällä tarkkuudella, jolloin punaiset reunat leviävät. Liukuvärin porrastuminen selittää mekanismin.

1. 1

   Lisää hienoa rakeisuutta

   Kevyt kohinakerros hajottaa portaat. Rakeiset liukuvärit tarjoaa valmiin ohjeen.

2. 2

   Vie täydessä koossa

   Lataa alustan omassa koossa, kuten Instagram-julkaisu 1080×1350, jotta kuvaa ei skaalata ja pakata kahdesti.

3. 3

   Suosi PNG:tä still-kuvissa

   PNG välttää lohkovirheet, joita JPEG tuottaa tummille sileille alueille.

4. 4

   Säilytä videossa tekstuuria

   Täysin sileä punainen häivytys on videopakkaajalle vaikeimpia asioita. Pieni liike tai rakeisuus säilyy paljon paremmin.

Kuinka paljon punaista mustan rinnalle

Punaisella on vahvoja mielleyhtymiä: vaara, kuumuus, intohimo, kiire sekä monissa paikoissa onni ja juhla. Mustan vieressä ne voimistuvat. Mittasuhde ratkaisee, tuntuuko design dramaattiselta vai hälyttävältä. Punaisen merkitys käsittelee mielleyhtymiä tarkemmin.

Tekstivärit punamustalla taustalla

Mustassa päässä lähes mikä tahansa vaalea erottuu. Punaisessa päässä se riippuu sävyn syvyydestä. Kirkas helakanpunainen on luultua vaaleampi, joten valkoisen tekstin on oltava suurta ja vahvaa. Suhteet käyttävät WCAG-kaavaa, jossa pienen tekstin tavoite on 4,5:1.

Punamustan liukuvärin CSS

.drama {
  background-color: #0a0505;
  background-image:
    radial-gradient(ellipse at 50% 110%, #dc2626 0%, transparent 45%),
    linear-gradient(180deg, #0a0a0a 0%, #2a0606 70%, #450a0a 100%);
  color: #fef2f2;
}

.split {
  background: linear-gradient(120deg, #0a0a0a 55%, #b91c1c 55%);
}

Lisää syviä punaisia löydät oppaista punaiset liukuvärit ja viininpunaiset liukuvärit. Jos punamusta on brändisi ydin, lunasta Gradientlyn Mark, niin kukaan muu ei voi viedä sillä. Se renderöityy joka kokoon tarinasta lähetysbanneriin ja siirtää rauhallisimman tumman alueensa automaattisesti sanojesi taakse.