Korallinen liukuväri: koodit pinkin ja oranssin väliltä

Korallinen liukuväri yhdistää lämpimiä pinkinoransseja juuri pinkin ja oranssin rajalta. Ruusuun kallistuva tuntuu viehättävältä ja raikkaalta, mandariiniin kallistuva aurinkoiselta ja energiseltä. Iloinen, näkyvä koralli sopii kesään, ruokaan, kauneuteen ja liikuntaan. Sen sudenkuopat ovat harmaa raita sinivihreän kanssa ja katoava teksti. Molemmat voi välttää helposti, kun ne tuntee.

Koralli, lohi, persikka ja vesimeloni

Lämpimillä pinkinoransseilla on monta nimeä. Erottelu auttaa valitsemaan oikeat väripisteet ja kuvailemaan toivettasi suunnittelijalle tai Gradientlyn Designerille.

Kirkkaat koralliliukuvärit

Nämä näyttävät korallin elävimmillään. Ne erottuvat pikkukuvassakin ja sopivat alennusjulkaisuihin, lanseerauksiin, liikuntatunneille ja kaikkeen, jonka pitää näkyä vilkkaassa syötteessä.

Kokeile ”Klassista korallia” 1080×1920-tarinan yhden rivin ”Ovet auki keskipäivällä” taustalle, ”Trooppista hedelmäjuomaa” kesäjuomamenun kanteen ja ”Koralliauringonlaskua” 1000×1500-Pinterest-pinin lomavinkkeihin. Vahva koralli saa täyttää kuvan. Pidä muu sisältö yksinkertaisena: yksi otsikko, yksi yksityiskohta ja paljon tilaa.

Koralliliukuvärit pinkistä oranssiin

Pinkkiin taittuva koralli

Ruusuun ja heleään pinkkiin vietynä koralli pehmenee ja romantisoituu. Se sopii kauneuteen, kukkakaupoille, häihin ja lifestyle-brändeille. Pinkimpää päätä käsittelee pinkit liukuvärit.

Oranssiin taittuva koralli

Aprikoosiin ja mandariiniin vietynä koralli on aurinkoisempi ja äänekkäämpi: kesämenut, smoothie-baarit ja lomat. Oranssinpinkit liukuvärit kattaa koko välin.

Koralli ja sinivihreä ilman harmaata keskikohtaa

Koralli ja sinivihreä ovat hieno pari: lämmin vasten viileää, riutta vasten merta. Ne ovat kuitenkin lähes vastakkaiset väriympyrässä, joten suora sekoitus kulkee harmaan läpi. Pidä ne erillään: sinivihreä pohja ja korallinen valo, korallinen pohja ja sinivihreä korostus tai yhdistäminen hyvin vaaleiden sävyjen kautta. Sameat liukuvärit selittää harmaantumisen.

Kokeile menuun tai julisteeseen tummaa sinivihreää #042f2e ja korallisia otsikoita sekä painikkeita. Korallin kontrasti on siinä noin 5,8:1, paljon parempi kuin valkoisella korallin päällä. Ilme on rohkea ja kesäinen. Sinivihreät liukuvärit käsittelee parin toista puolta.

Koralli tummalla pohjalla

Koralli hehkuu syvää luumua, laivastonsinistä tai lähes mustaa vasten. Yksi korallinen valo muistuttaa neonkylttiä tai auringonlaskua merellä ja sopii baareihin, musiikkiin, yöelämään ja iltatapahtumiin. Pidä valo pois tekstin kohdalta ja kirjoita tummalle alueelle simpukanvaalealla tai valkoisella.

Teksti koralliliukuvärillä

Koralli näyttää riittävän vahvalta valkoiselle tekstille, mikä johtaa moniin epäonnistuneisiin suunnitelmiin. Valkoisen kontrasti #ff7f50:llä on noin 2,5:1, alle leipätekstin vaatiman 4,5:1. Viininruskea #3b0d0c antaa noin 6,7:1 ja säilyttää lämmön. Valkoista varten syvennä koralli punaiseksi, kuten #e11d48, jolla kontrasti on noin 4,7:1. Menetelmä löytyy artikkelista värikontrasti ja saavutettavuus.

Gradientlyn Mark mukautuu itsestään: rauhallisin ja parhaan kontrastin alue siirtyy sanojen taakse, ja Automaattinen muste valitsee vaalean tai tumman tekstin rivittäin Markin paletista. Laatikoita tai varjoja ei tarvita.

Koralliliukuvärin CSS painikkeeseen

Koralli tekee toimintakehotuksesta ystävällisen. Pidä liukuväri niin vaaleana, että tumma teksti näkyy, ja siirrä taustaa osoittimen alla värien vaihtamisen sijaan. CSS-liukuväripainikkeet antaa lisää malleja.

.button-coral {
  padding: 0.75rem 1.5rem;
  border: 0;
  border-radius: 999px;
  color: #3b0d0c;
  font-weight: 600;
  background: linear-gradient(135deg, #ffb199 0%, #ff7f50 100%);
  background-size: 150% 150%;
  background-position: 0% 50%;
  transition: background-position 300ms ease;
}

.button-coral:hover {
  background-position: 100% 50%;
}