Korallgradient: livlige koder mellom rosa og oransje

En korallgradient blander varme, rosaskjære oransjetoner, fargene der rosa blir oransje. Drei den mot rosa for et sjarmerende, friskt uttrykk, eller mot mandarin for et solrikt, energisk uttrykk. Korall er munter og svært synlig, og derfor en favoritt til sommer, mat, skjønnhet og trening. De to fellene er en grå stripe der den møter blågrønt, og tekst som forsvinner på den. Begge er lette å unngå når du kjenner dem.

Korall, laks, fersken og vannmelon

Varme, rosaskjære oransjetoner har mange navn. Det er verdt å skille dem, fordi riktig ord hjelper deg å velge riktige fargestopp og beskrive det du ønsker til en designer eller Designer i Gradiently.

Sterke korallgradienter

Dette er korall på sitt livligste. Fargene fanger oppmerksomheten selv som miniatyrbilder, og fungerer derfor godt til salgsinnlegg, lanseringer, treningstimer og alt du vil skal synes i en travel strøm.

Noen måter å bruke dem på: «Klassisk korall» bak én linje som «Dørene åpner klokken tolv» i en story på 1080×1920. «Tropisk punch» som omslag til en sommerdrikkemeny. «Korallsolnedgang» nedover en Pinterest-pin på 1000×1500 for en ferieguide. Korall er sterk, så la den fylle rammen og hold resten enkelt: én overskrift, én detalj og mye luft.

Korallgradienter fra rosa til oransje

Korall som heller mot rosa

Drei korall mot rosa og dus rosa, så blir den mykere og mer romantisk, ideell for skjønnhet, blomsterbutikker, bryllup og livsstilsmerkevarer. Se rosa gradienter for den rosere siden av familien.

Korall som heller mot oransje

Drei den motsatt vei, mot aprikos og mandarin, så blir korall mer solrik og høylytt: sommermenyer, smoothiebarer, ferier. Oransje-rosa gradienter dekker hele spennet mellom de to.

Korall og blågrønt uten grå midte

Korall og blågrønt er en flott kombinasjon: varmt mot kjølig, rev mot hav. Men de ligger nesten overfor hverandre i fargesirkelen, så en rett blanding går gjennom matt grått i midten. Løsningen er å holde dem atskilt. Bruk blågrønn bunn med koralllys, korallbunn med blågrønn aksent, eller la overgangen gå gjennom svært lyse nyanser. Grumsete gradienter forklarer hvorfor midten blir grå.

Prøv en svært mørk blågrønn som #042f2e med korallfargede overskrifter og knapper på en meny eller plakat. Korall når omtrent 5,8 til 1 der, langt bedre enn hvitt på korall, og uttrykket blir tydelig og sommerlig. Den blågrønne siden dekkes i blågrønne gradienter.

Korall på mørk bunn

Korall gløder vakkert mot dyp plomme, marineblått eller nesten svart. Ett koralllys på mørk bunn minner om et neonskilt eller en solnedgang over havet, og passer til barer, musikk, natteliv og kveldsarrangementer. Hold koralllyset unna der ordene står, og sett dem i lyst skjellhvitt eller hvitt på det mørke området.

Tekst på en korallgradient

Korall virker sterk nok for hvit skrift, og nettopp derfor mislykkes så mange koralldesign. Hvitt på #ff7f50 måler omtrent 2,5 til 1, godt under 4,5 til 1 som kreves for brødtekst. En dyp vinbrun som #3b0d0c måler omtrent 6,7 til 1 på samme korall og beholder varmen. Vil du ha hvit tekst, gjør korallen dypere til en rødfarge som #e11d48, der hvitt når omtrent 4,7 til 1. Metoden står i fargekontrast og tilgjengelighet.

En Mark fra Gradiently gjør denne justeringen selv: den flytter det roligste området med best kontrast bak ordene dine, og Auto-tekstfarge velger lys eller mørk skrift per linje fra Markens egen palett. Ingen bokser eller slagskygger trengs.

CSS-korallgradient til en knapp

Korall gir en vennlig handlingsoppfordring. Hold gradienten lys nok til at en mørk etikett er lesbar, og flytt posisjonen når pekeren holdes over knappen, fremfor å bytte farger. CSS-gradientknapper har flere mønstre.

.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%;
}