Rød og svart gradient: dramatiske koder uten striper

En rød og svart gradient toner sterk rødt som #dc2626 eller dypere karmosin som #b91c1c inn i nesten svart, helst via blodrødt som #450a0a så overgangen forblir fyldig. Få par er like dramatiske: rødt griper oppmerksomheten, og svart lar det stå alene. Her er koder til fem typer drama, løsninger på striper og tekstfarger som fungerer.

Tone rødt til svart uten brunt

Den vanlige feilen er å blande rent rødt rett til rent svart med to stopp. Midten blir en grumsete brunrød som ser skitten ut fremfor mørk. Gå via mørkere rødfarger og bruk svart med litt rødt, så skyggen tilhører samme familie som lyset.

Røde og svarte gradientkoder for fem typer drama

Kino og thriller

Mest svart, med rødt som ett sidelys, som et utgangsskilt i et mørkt rom. Rolig og spent.

Sport og kampkveld

Hett rødt som stiger nedenfra, som en opplyst arenabunn. Høylytt, fysisk og presserende.

Spill

Skarpe diagonaler og harde stopp, nærmere grafikk enn glød. De virker raske og aggressive.

Mote og luksus

Dyp karmosin og lakksvart, med nesten ingen sterk rødt. Tenk en lakkert boks eller rødt silkefôr: polert, dyrt og kontrollert.

Halloween og skrekk

Rødt som samler seg nederst i rammen eller siver inn fra hjørnene. Sparsomt brukt virker det urovekkende. For mye ligner en kostymebutikk.

Hvorfor røde og svarte gradienter får striper

Mørke, glatte gradienter har få ulike nyanser å bruke og deles derfor i synlige trinn, særlig etter ny komprimering i en app. Mettet rødt gjør video verre, fordi de fleste videoformater lagrer farge i lavere oppløsning enn lysstyrke og røde kanter flyter ut. Striper i gradienter forklarer mekanikken.

1. 1

   Legg til fint korn

   Et lett støylag bryter opp trinnene. Kornete gradienter har en ferdig oppskrift.

2. 2

   Eksporter i full størrelse

   Last opp i plattformens størrelse, som 1080×1350 til Instagram, så bildet ikke skaleres og komprimeres to ganger.

3. 3

   Velg PNG til stillbilder

   PNG unngår de firkantede feilene JPEG lager i mørke, glatte områder.

4. 4

   Behold litt tekstur i video

   En helt glatt rød overgang er vanskeligst for videokoding. Litt bevegelse eller korn holder langt bedre.

Hvor mye rødt bør brukes med svart?

Rødt har sterke forbindelser: fare, varme, lidenskap, hastverk og mange steder hell og feiring. Ved svart blir betydningene sterkere, så mengdeforholdet avgjør om designet virker dramatisk eller alarmerende. Rødfargens betydning går dypere.

Tekstfarger på rødt og svart

På den svarte enden kan nesten alt lyst leses. På den røde avhenger det av dybden. Klar skarlagen er lysere enn mange tror, så hvit tekst der bør være stor og fet. Forholdene følger WCAG-formelen med 4,5:1 som mål for liten tekst.

CSS til rød og svart gradient

.drama {
  background-color: #0a0505;
  background-image:
    radial-gradient(ellipse at 50% 110%, #dc2626 0%, transparent 45%),
    linear-gradient(180deg, #0a0a0a 0%, #2a0606 70%, #450a0a 100%);
  color: #fef2f2;
}

.split {
  background: linear-gradient(120deg, #0a0a0a 55%, #b91c1c 55%);
}

For flere dype rødfarger, se røde gradienter og burgundergradienter. Er rødt og svart sentralt i merkevaren, sikre deg en Mark fra Gradiently, så ingen andre kan eksportere med den. Den gjengis i alle størrelser fra story til strømmebanner og flytter automatisk sitt roligste mørke område bak ordene.