Lyhyesti
- Pinkki-violetti liukuväri sekoittaa vierekkäisiä sävyjä, kuten pinkkiä #ec4899, magentaa #c026d3 ja violettia #9333ea. Siirtymä pysyy kirkkaana ilman siltaväriä.
- Sama pari tuntuu karkilta vaaleana, loistokkaalta kylläisenä ja iltahämärältä tummana.
- Valkoinen teksti ei erotu kirkkaalla pinkillä tai vaalealla lilalla. Käytä niillä syvää luumua ja säästä valkoinen magentalle, violetille ja tummille pohjille.
- Pieni määrä oranssia, sinistä tai kultaa tekee pinkki-violetista liukuväristä paljon tavallista kahden värin seosta odottamattomamman.
- Pinkki ja violetti sopivat kauneuteen, yöelämään, musiikkiin, juhliin ja sisällöntuottajien brändeihin. Tumma pohja estää lapsellisen vaikutelman.
Tällä sivulla
Pinkki-violetti liukuväri yhdistää kaksi väriympyrän naapuria, pinkin kuten #ec4899 ja violetin kuten #9333ea, magentan ja orkidean kulkiessa välissä. Vierekkäisten sävyjen ansiosta seos pysyy kauttaaltaan eloisana. Vaaleus muuttaa kaiken: vaaleana saat hattaraa, kylläisyyttä nostamalla loistoa, tummentamalla iltahämärää. Alla olevat koodit kulkevat vaaleasta tummaan, jotta voit valita ensin tunnelman ja sitten hex-arvot.
Pinkki-violetin liukuvärin tunnelmat yhdellä silmäyksellä
#fbcfe8 → #e9d5ffVaikutelma
Sopii
#f0abfc → #c084fcVaikutelma
Sopii
#ec4899 → #9333eaVaikutelma
Sopii
Tavalliset väripisteet
#2e0a2f → #9d174dVaikutelma
Sopii
Karkkipinkit ja violetit liukuvärit
Vaalea pinkki ja lila yhdessä ovat niin pehmeitä kuin väri voi olla. Ne sopivat makeaan ja lempeään, mutta voivat muuttua nopeasti lapsellisiksi. Korjauksena on hieman lämmin pohja, persikka tai kermanväri toisessa päässä sekä vahva tumma typografia.
Lisää pehmeyttä tarjoaa pastelliliukuvärien koko perhe. Laventeliliukuvärit kallistuu enemmän violettiin.
Orkidea- ja magentaliukuvärit
Nosta kylläisyyttä, niin pari muuttuu loistokkaaksi. Tämä on kynsilakan, festivaalirannekkeiden ja albuminkansien aluetta. Käytä loivaa kulmaa tai säteittäistä hehkua tavallisen vinoliukuvärin sijaan ja jätä sanoille rauhallisempi alue.
Iltahämärä: tummat pinkki-violetit liukuvärit
Tummenna pari, niin se aikuistuu heti. Luumunmusta pohja vadelman ja violetin valolla muistuttaa taivasta kaksikymmentä minuuttia auringonlaskun jälkeen tai hämärää cocktail-baaria. Nämä ovat sarjan monipuolisimpia ja kantavat valkoista tai vaaleanpunaista tekstiä helposti.
Nämä ovat lähellä auringonlaskuliukuvärejä ja galaksiliukuvärejä. Voit lainata kummastakin vapaasti.
Kolmas väri ilman sameutta
Tavallinen kuumasta pinkistä violettiin kulkeva vinoliukuväri on kaikkialla. Yksi lisäväri tekee siitä nopeimmin omasi. Valitse pinkin tai violetin naapuri: oranssi ja koralli ovat pinkin vieressä, sininen ja indigo violetin. Vihreä on magentan vastapäätä, joten pinkistä vihreään kulkeva seos harmaantuu keskeltä.
Näin valitset pinkki-violetin liukuvärin brändillesi
- 1
Päätä ensin vaalea vai tumma
Vaaleus luo suurimman osan tunnelmasta. Vaalea seos viestii lempeyttä, luumupohja iltaa. Valitse yksi ja säilytä se joka julkaisussa.
- 2
Valitse johtava väri
Pinkin hallinta tuntuu lämpimämmältä ja leikkisämmältä. Violetin hallinta viileämmältä ja salaperäisemmältä. Anna johtavalle noin kaksi kolmasosaa pinnasta.
- 3
Suunnittele sanojen paikka
Sijoita otsikko tummemman ja rauhallisemman pään päälle ja kirkkain pinkki kulmaan. Silloin et kilpaile taustan kanssa huomiosta.
- 4
Testaa joka koossa
Neliöjulkaisussa toimiva seos voi tarinassa siirtää kirkkaimman alueen tekstin taakse. Tarkista julkaisu, tarina ja banneri ennen sitoutumista.
Jos julkaiset usein, kirjoita tulos lyhyeksi reseptiksi: pohja, pääväri, korostus ja valon paikka. Yksi rivi pitää koko syötteen yhtenäisenä, mikä merkitsee enemmän kuin yksittäinen kaunis liukuväri. Brändin yhtenäisyys kertoo lisää.
Tekstivärit pinkillä ja violetilla
Kirkas pinkki on vaaleampi kuin näyttää, joten sen valkoiset otsikot erottuvat odotettua heikommin. Violetti ja magenta kantavat valkoista hyvin. Vaaleassa päässä syvä luumu pitää designin samassa väriperheessä. Suhteet ovat WCAG-kontrasteja: tavoittele pienessä tekstissä 4,5:1 ja suurissa otsikoissa vähintään 3:1. Värikontrasti ja saavutettavuus selittää rajat.
#ec4899Teksti
Kontrasti
Arvio
#db2777Teksti
Kontrasti
Arvio
#c026d3Teksti
Kontrasti
Arvio
#9333eaTeksti
Kontrasti
Arvio
#f9a8d4Teksti
#3b0a3fKontrasti
Arvio
#2e0a2fTeksti
#f9a8d4Kontrasti
Arvio
Kynsisalongin julkaisu kylläisellä orkidealla, valkoinen teksti violetilla puolella.
Klubi-illan tarina hämärällä luumupohjalla, vadelmavalo kuvan alaosassa.
Pinkki-violetti liukuväri CSS:llä
.dusk {
background-color: #1e0b2e;
background-image:
radial-gradient(circle at 80% 85%, #db2777 0%, transparent 45%),
linear-gradient(180deg in oklch, #1e0b2e 0%, #581c87 100%);
color: #fce7f3;
}
.headline-gradient {
background: linear-gradient(90deg, #ec4899, #9333ea);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}Liukuväriteksti on näyttävää, mutta käytä sitä vain lyhyissä otsikkosanoissa, älä leipätekstissä. CSS-liukuväriteksti käsittelee vararatkaisut. Jos haluat pinkki-violetin ilmeen, jota kukaan muu ei voi julkaista, Gradientlyn Markkinoilla voit etsiä Markeja värisanoilla, kuten ”orchid”. Jokainen Mark on ainutlaatuinen. Lunastamisen jälkeen vain sinä voit viedä sillä tehtyjä designeja, ja se pitää tekstin itsestään luettavana seoksen molemmissa päissä.
Usein kysyttyä
Mikä on hyvä pinkki-violetin liukuvärin koodi?
Klassikko on linear-gradient(135deg, #ec4899 0%, #c026d3 50%, #9333ea 100%). Tunnelmallisempaan kokeile linear-gradient(180deg, #1e0b2e 0%, #581c87 50%, #be185d 100%).
Sopivatko pinkki ja violetti yhteen?
Kyllä. Ne ovat väriympyrän naapureita, magenta välissään, joten ne sekoittuvat siististi kaikissa vaaleusasteissa.
Mikä tekstiväri sopii pinkki-violetille liukuvärille?
Valkoinen erottuu magentalla, violetilla ja tummalla luumulla. Kuumalla pinkillä käytä valkoista vain suurissa otsikoissa. Vaalealla pinkillä ja lilalla käytä syvää luumua, kuten #3b0a3f.
Miten teen pinkki-violetista liukuväristä vähemmän lapsellisen?
Tummenna tai lisää kylläisyyttä, käytä luumupohjaa ja lisää pienelle alueelle aikuinen kolmas väri, kuten kulta tai syvä sininen.
Mikä väri on pinkin ja violetin välissä?
Magenta, noin #c026d3, ja sen vaaleampi versio orkidea.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme