Oransje gradient: 25 varme koder fra fersken til rust

En oransje gradient blander to eller flere oransjetoner, ofte med en nabofarge som gul, rød eller rosa. Få blandinger føles varmere. Lys fersken og aprikos virker mykt og innbydende, sterk mandarin virker livlig og leken, mens brent oransje og rust virker jordnært og modent. Nedenfor finner du 25 koder gruppert etter stemning, og deretter råd om fargekombinasjoner og tekst som forblir lesbar.

Myke oransje gradienter: fersken og aprikos

Bleke oransjetoner er den vennligste inngangen til fargen. De minner om hud, brød og ettermiddagslys, og brukes derfor av bakerier, hudpleie- og barnemerker. La det lyseste fargestoppet være nesten kremfarget, så blandingen får et rolig hvilested. Les mer om den lyseste enden i ferskengradienter.

Sterke oransje gradienter: mandarin og sitrus

Mettet oransje er ren energi. Den passer til salg, matlevering, sport, festivaler og alt som må bli sett i miniatyrstørrelse. Risikoen er at sterk oransje blir én flat, påtrengende flate. Gi den derfor et lysere stopp mot gult eller et mørkere mot rødt. Den lille endringen får den til å ligne lys fremfor maling.

Oransje gradienter med solnedgang og rav

En loddrett overgang fra gull øverst til rødt eller plomme nederst gir en solnedgang, kanskje den mest kjente gradienten som finnes. Ravblandingene er en stillere slektning: honning-, marmelade- og whiskytoner som virker fyldige uten å rope. Vil du skape hele himmelen, går solnedgangsgradienter videre.

Gradienter i brent oransje og rust

Skyv oransje mot brunt, så blir den terrakotta, rust og kobber: farger fra leirpotter, høstløv og gammelt lær. De virker håndlagde og gjennomtenkte, og passer interiør, kaffe, keramikk, friluftsmerker og produkter med en håndverkshistorie. De gir også hvit tekst langt bedre kontrast enn sterk oransje.

Oransje lys på mørk bakgrunn

Den mest eksklusive måten å bruke oransje på er sparsomt. Start med nesten svart, dyp brun eller marineblå, og la én oransjetone gløde fra et hjørne som en glo eller gatelykt. Dette passer kveldsarrangementer, restauranter, musikk og alt som skal føles varmt etter mørkets frembrudd. Mørke blandinger får lett synlige bånd, så les mørke gradientbakgrunner før du eksporterer.

Farger som passer til en oransje gradient

Oransje har to typer gode partnere. Nabofarger som gult, rosa og rødt glir rett over i den. Motsetninger som dyp blå og blågrønn gjør den livlig, men bør ligge ved siden av som aksenter, ikke i samme blanding, fordi midtpunktet blir grått. Grumsete gradienter forklarer hvorfor, og komplementærfarger viser hvordan du bruker spenningen på en god måte.

Tekst på oransje gradienter

Her feiler mange oransje design. Hvit tekst på sterk mandarin ser kraftig ut, men gir omtrent 2,8 til 1 i kontrast, godt under 4,5 til 1 som WCAG krever for brødtekst. Nesten svart på samme oransje gir over 6 til 1. Regelen er enkel: mørk tekst på lyse og sterke oransjetoner, hvit tekst først fra brent oransje og mørkere. Hele metoden står i fargekontrast og tilgjengelighet.

Gradiently tar seg av denne delen. En Mark vet hvor ordene er: Den flytter det roligste området bak dem, og Auto-tekstfarge velger lys eller mørk tekst for hver linje fra Markens egen palett. Dermed forblir det oransje designet lesbart i alle størrelser uten bokser eller skygger.

CSS for oransje gradienter

Hver kode over er én CSS-verdi du kan lime inn i background. Trenger en seksjon både varme og dybde, legger du et radialt lys over en lineær bunn og angir alltid en ensfarget reservefarge. Les lineære CSS-gradienter for hele syntaksen.

.hero {
  background-color: #9a3412; /* fallback */
  background-image:
    radial-gradient(circle at 78% 22%, #fdba74 0%, transparent 40%),
    linear-gradient(160deg, #f97316 0%, #c2410c 55%, #7c2d12 100%);
  color: #ffffff; /* safe here: the words sit on the darker lower half */
}

Vil du ha et oransje uttrykk ingen andre publiserer, kan du finne varme Marker på Markedet: Søk med ord som «brent oransje» eller «aprikos», design gratis med en ledig Mark, og sikre deg den hvis den blir merkevarens uttrykk.