Kortversionen
- En bordeauxgradient blandar djupa, lilaaktiga röda toner som #800020, #7f1d3a och #4a0e1f, ofta mot nästan svart, rosa, skär eller guld.
- Bordeaux lutar åt lila och maroon lutar åt brunt, och den lilla skillnaden avgör om en gradient känns som vin eller som rost.
- Bordeauxgradienter blir grumliga när de blandas in i grönt, olivgrönt eller varmt grått, så gå i stället via rosa, plommon eller nästan svart.
- Text i krämvitt och varmt off-white läses mycket bra på bordeaux, och guld fungerar som accent men inte som brödtext.
- Bordeaux passar vin, restaurangbranschen, skönhet, höst- och vinterkampanjer, inbjudningar och varje varumärke som vill ha rött utan brådska.
På den här sidan
En bordeauxgradient blandar djupa, lätt lila röda toner: klassisk bordeaux #800020, vin #7f1d3a och mörkt oxblod #4a0e1f, oftast gradient mot nästan svart, mjukare mot rosa och skär, eller upplyst med en touch guld. Knepet för att hålla den rik är att bara blanda bordeaux med sina släktingar, röda toner, rosor, plommon och mycket mörkt brunt, och att ge den en kräm- eller guldfärgad partner i stället för vitt. Nedan hittar du koderna, skillnaderna mellan bordeaux, maroon och vin och de textfärger som fungerar.
Bordeaux, maroon, vin och oxblod: vad är skillnaden
Folk använder namnen lösligt, men de lutar åt olika håll, och riktningen spelar roll när du bygger en gradient. Bordeaux och vin lutar åt lila, så de blandas elegant med plommon och rosa. Maroon och oxblod lutar åt brunt, så de passar bra med läder, beige och mässing. Om din gradient ser ut som rost har du förmodligen blandat ett brunt maroon med en kall rosa.
Koder för djup bordeauxgradient
De mest användbara bordeauxgradienterna är mörka: en nästan svart botten med vinfärgat ljus som stiger genom den. De känns dyra eftersom det finns väldigt lite klar färg, och det som finns glöder. Håll det ljusaste röda borta från där orden ska sitta.
De ligger nära den mörkare änden av röda gradienter, men med mindre eld och mer djup. Mörkt rött får lätt banding i komprimerade bilder, så lägg på lite korn innan du exporterar.
Bordeaux med guld, skär och plommon
Bordeaux fungerar sällan ensamt särskilt länge. Dess klassiska partner ändrar var och en stämningen. Guld gör den formell och festlig. Skär gör den romantisk och mjuk. Plommon gör den dyster och modern. Marinblått, placerat bredvid snarare än inblandat, gör den akademisk.
Paret bordeaux och guld är lättast att överdriva. Håll guldet till en strimma vid en kant eller till texten, så läses det som fint vin i stället för maskeraddräkt. För mer om mörkt guld, se svarta och guldiga gradienter.
Så hindrar du en bordeauxgradient från att bli brun
- 1
Välj riktning: lila eller brun
Bestäm om din bordeaux lutar åt vin eller åt läder, och låt varje färg i gradienten luta åt samma håll.
- 2
Mörkna mot nästan svart, inte grått
En bordeaux som tonar mot ett varmt grått ser dammig ut. Tona mot ett rödtonat svart som
#14050aså förblir den rik. - 3
Blanda aldrig in grönt eller olivgrönt
Grönt ligger mitt emot rött på färghjulet, så mitten av blandningen blir gråbrun. Grumliga gradienter visar effekten.
- 4
Ljusna med rosa, inte orange
För att göra bordeaux ljusare, gå via granat och dammrosa. Orange drar den mot rost.
- 5
Lägg till fint korn
Djupa röda toner komprimeras dåligt och får banding i steg. Ett lätt brusskikt håller ytan len och får den att kännas som sammet eller papper.
Textfärger på en bordeauxgradient
Bordeaux är så mörkt att ljus text läses enkelt på nästan hela ytan. Rent vitt kan dock kännas skarpt, och ett varmt krämvitt håller hela designen mjuk. Guld läses bra på de mörkaste röda tonerna och är fint för ett namn eller ett datum, men använd det i stora storlekar. Förhållandena nedan följer WCAG-formeln, där 4,5:1 är det vanliga minimet för liten text.
#800020Text
#ffffffKontrast
Använd till
#7f1d3aText
#fdf2e9Kontrast
Använd till
#4a0e1fText
#fdf2e9Kontrast
Använd till
#2a0a12Text
#d4a24cKontrast
Använd till
#e8b4b8Text
#4a0e1fKontrast
Använd till
#be7c8cText
#ffffffKontrast
Använd till
Ett inlägg för en vinbar på en djup bordeauxbotten med krämvit text.
En inbjudan i 5×7 tum där bordeaux mjuknar till skär.
Båda designerna håller sina ord på ena änden av blandningen. Text på en gradient förklarar hur du hanterar en rad som måste korsa från mörkt till ljust.
En bordeauxgradient som bakgrund i CSS
.section--wine {
background-color: #2a0a12;
background-image:
radial-gradient(circle at 75% 20%, #9f1239 0%, transparent 45%),
radial-gradient(circle at 10% 95%, #4a0e1f 0%, transparent 55%),
linear-gradient(160deg, #2a0a12 0%, #800020 100%);
color: #fdf2e9;
}
.section--wine .accent {
color: #d4a24c;
}Lagrade radiella gradienter över en linjär bas ger bordeaux tygets djup i stället för en fyllnings platthet. Samma idé mer i detalj finns i radiella CSS-gradienter.
Där bordeaux fungerar
Bordeaux bär rödas värme utan dess brådska, och därför syns den sällan på reabanderoller men ofta på menyer, inbjudningar och etiketter. Den passar vinbarer och restauranger, skönhet och parfym, bokhandlar, universitet, vinter- och högtidskampanjer och höstkollektioner. Den passar också naturligt ihop med jordtonspaletterna som många livsstilsvarumärken använder, som den djupa accenten bland beigetoner och olivgrönt.
Om du vill ha en djupröd look som verkligen är din i stället för en hexkod som vem som helst kan kopiera, bläddra bland bordeaux- och vinfärgade Marks på Gradientlys Marknad genom att skriva ett färgord som ”vin”. Varje Mark är unik, ritas i varje storlek du behöver och håller dina ord läsbara på sina mörkaste och ljusaste delar.
Vanliga frågor
Vilken hexkod har bordeaux?
Klassisk bordeaux är #800020. Vin ligger kring #7f1d3a och mörkare oxblod kring #4a0e1f.
Vad är skillnaden mellan bordeaux och maroon?
Bordeaux lutar något åt lila, som rött vin. Maroon, #800000, lutar något åt brunt. Den skillnaden avgör vilka färger var och en blandas bra med.
Vilka färger passar till en bordeauxgradient?
Guld, skär, dammrosa, plommon, krämvitt och nästan svart fungerar alla. Marinblått fungerar bredvid bordeaux, men undvik att blanda in den i grönt eller olivgrönt, som blir grumligt.
Vilken textfärg passar på bordeaux?
Krämvitt eller vitt läses mycket bra på bordeaux, med omkring 9:1 till 11:1 i kontrast. Guld passar rubriker och namn på de mörkaste röda tonerna.
Varför ser min bordeauxgradient brun ut?
Den blandas förmodligen in i orange, olivgrönt eller ett varmt grått, eller blandar ett brunt maroon med en kall rosa. Låt varje stopp luta åt samma håll och tona mot ett rödtonat svart.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil