Sinivioletti liukuväri: 20 puhtaasti sekoittuvaa koodia

Sinivioletti liukuväri kulkee väriympyrän naapurivärien välillä: sininen #3b82f6, indigo #4f46e5, violetti #7c3aed ja niiden ympärillä olevat pehmeät sinililat ja laventelit. Vierekkäiset sävyt pitävät liu’un puhtaana lähes automaattisesti. Vaikeampaa on tehdä liukuväri, joka ei näytä tuhansilta samaa yhdistelmää käyttäviltä sovelluskuvakkeilta ja konferenssikalvoilta. Alla on kaksikymmentä koodia neljässä tunnelmassa, sameaksi muuttuvat poikkeukset ja kullekin sopivat tekstivärit.

Miksi sininen ja violetti sekoittuvat niin hyvin

Violetti on sinistä, jossa on hieman punaista. Niiden välillä jokainen askel on aito kylläinen väri: sininen, indigo, violetti. Vertaa tätä sinisen ja oranssin sekoittamiseen, jossa puoliväli on tasaisen harmaa. Lähivärit selittää periaatteen ja väriympyrä näyttää kunkin sävyn sijainnin.

Tummat sinivioletit liukuvärit: yö ja syvyys

Aloita tummasta, niin liukuväri näyttää heti vähemmän tavanomaiselta. Keskiyön pohja indigon ja violetin valolla tuntuu yötaivaalta, konserttisalilta tai laadukkaalta sovellukselta. Nämä viisi kantavat vaaleaa tekstiä kauniisti.

Pehmeät sinivioletit liukuvärit: sinilila ja laventeli

Vaalenna väriperhettä, niin se muuttuu rauhalliseksi, unenomaiseksi ja hieman nostalgiseksi. Nämä sopivat hyvinvointiin, uneen, paperituotteisiin ja lempeään tunnelmaan. Pidä muste tummana, sillä valkoinen katoaa useimmilla näistä. Lisää löydät oppaasta pastelliliukuvärit.

Sähköiset sinivioletit liukuvärit

Nosta kylläisyyttä, niin pari muuttuu äänekkääksi, synteettiseksi ja hyvin digitaaliseksi. Nämä sopivat pelaamiseen, musiikkiin, teknologiajulkistuksiin ja kaikkeen yölliseen. Käytä niitä kaistoina tai hohteina koko julisteen sijaan. Yhdistä lähes mustaan, jotta niillä on pohja, jota vasten hehkua. Neonliukuvärit kertoo koko tekniikan.

Sinivioletit liukuvärit kolmannella värillä

Nopein tapa tehdä sinivioletista liukuväristä oma on yksi ylimääräinen väri säästeliäästi käytettynä. Pinkki vie kohti iltahämärää, sinivihreä revontulia, kulta luksusta ja persikka pehmeää auringonnousua.

Milloin sinivioletti liukuväri samenee

Sinisestä violettiin on turvallinen liuku. Kaksi sukulaisyhdistelmää eivät ole. Syaani pinkkiin kulkee pitkän matkan väriympyrässä, ja himmeän harmahtava sininen himmeään violettiin tuottaa elottoman keskikohdan. Korjaus on sama: interpoloi OKLCH:ssa, joka pitää kirkkauden ja kylläisyyden tasaisina liu’un läpi. Sameat liukuvärit ja liukuvärien interpolointi kertovat lisää.

/* Default sRGB blend: can dull in the middle */
.card--srgb {
  background: linear-gradient(90deg, #06b6d4, #ec4899);
}

/* OKLCH blend: stays bright, passes through violet */
.card--oklch {
  background: linear-gradient(90deg in oklch, #06b6d4, #ec4899);
}

/* A safe blue purple hero with a fallback */
.hero {
  background-color: #1e1b4b;
  background-image: linear-gradient(160deg in oklch, #0f0a2e, #4f46e5 60%, #7c3aed);
  color: #eef2ff;
}

Näin teet sinivioletista liukuväristä omannäköisen

Violetista siniseen kulkeva diagonaali on niin tuttu, että se tulkitaan oletusvalinnaksi jo ennen sen päälle kirjoitettua tekstiä. Et tarvitse eksoottisia värejä välttääksesi tämän. Pienet harkitut päätökset riittävät ja vahvistavat toisiaan.

• Valitse ensin pohja. Keskiyön tai paperin sävy määrittää tunnelmaa enemmän kuin sininen tai violetti ja erottaa sinut heti kirkkaasta oletusilmeestä.
• Siirrä valo pois diagonaalilta. Aseta kirkkain violetti yhteen kulmaan säteittäisellä liukuvärillä sen sijaan, että se kulkisi reunasta reunaan 135 asteen kulmassa.
• Käytä epätasaisia väripisteitä. Anna indigon hallita 60 prosenttia pinnasta ja violetin vain loppuosaa. Tasaiset kolmannekset näyttävät koneen tekemiltä.
• Lisää yksi korostus yhteen paikkaan. Pinkin, sinivihreän tai kullan suikale, kuten yllä, muistetaan perusvärejä paremmin.
• Viimeistele rakeella. Hieno kohinakerros peittää raidoittumisen ja muuttaa näyttöliu’un pinnaksi. Rakeiset liukuvärit antaa koodin.
• Renderöi jokainen koko erikseen. Valon pitää sijoittua järkevästi tarinaan ja banneriin eikä siihen, mihin rajaus sattuu jättämään sen.

Tunnelmanimetkin auttavat. ”Keskiyön indigo kultareunalla” on päätös, jonka voit toistaa koko vuoden postauksissa. ”Sinivioletti liukuväri” ei ole.

Teksti sinivioletilla liukuvärillä

Kun sanat kulkevat saman liukuvärin tummasta päästä vaaleaan, yksi muste ei toimi kaikkialla. Teksti liukuvärillä esittelee vaihtoehdot. Gradientlyssä Automaattinen muste hoitaa tämän rivikohtaisesti ja valitsee vaalean tai tumman tekstin Markin omasta paletista. Sinivioletti tausta ei siis niele otsikkoa.