Kortversionen
- En rosa gradient blandar nyanser av rosa, från blek puderrosa och dammig ros till korall och skarp rosa, ofta med en närliggande persika, röd eller violett.
- Rosa ser sockersött ut när det är blekt, mättat och bara paras med andra pasteller, och modernt när det paras med en djup ton.
- Djupa partners som oxblod, marinblått, skogsgrönt och nästan svart ger rosan kontrast och gör den redaktionell.
- Vit text fungerar på djupa rosa toner som #be185d, men når inte upp till kontrastkravet för brödtext på klarare rosa som #ec4899.
- Dammiga, lätt gråtonade rosa toner känns vuxnare än rena godisrosa och passar mode-, skönhets- och kulturvarumärken.
På den här sidan
En rosa gradient blandar nyanser av rosa, från blek puderrosa och dammig ros via korall till skarp rosa och hallon, ofta med en närliggande persika, röd eller violett. Rosa har ett långt uppsving inom mode, skönhet, mat och kultur, men har ett välkänt fel: för blekt, för sött, för sockrigt. Lösningen är nästan alltid kontrast. Para rosa med något djupt så blir det skarpt och redaktionellt. Nedan finns paletter, kombinationer och CSS-koder för rosa gradienter som känns moderna.
Rosans spännvidd
Rosa är ett ljusare rött, men familjen är stor. Puderrosa och dammig ros är mjuka och lätt gråtonade, vilket får dem att kännas lugna och vuxna. Korall och lax drar åt orange och känns varma och soliga. Skarp rosa och fuchsia drar åt violett och känns högljudda och lekfulla. Hallon och bär är djupa nog att bära vit text.
Vilken rosa du väljer sätter tonen före allt annat:
- Skönhet och hudvård: puderrosa och dammig ros, ofta med grädde och ett varmt brunt.
- Mode och förlag: dammig eller skarp rosa mot svart, marinblått eller oxblod.
- Mat och dryck: korall, lax och hallon, frukternas och sorbetens färger.
- Musik och nattliv: skarp rosa och fuchsia som glöder mot nästan svart.
- Bröllop och brevpapper: puderrosa och ros på varmt papper, med detaljer i djupt grönt eller vinrött.
Bleka rosa toner överlappar med den bredare pastellfamiljen; pastellgradienter går igenom hur du håller dem friska över flera nyanser.
Därför blir rosa sockersött
Sockersött
- Blekrosa blandat med babyblått eller lila
- Varje färg en pastell, inget mörkt
- Ren, klar godisrosa utan grått i
- Rundad, bubblig text i samma rosa
Modernt
- Rosa satt mot en djup ton
- Ett starkt mörkt för text och tyngd
- Dammiga, lätt dämpade rosa toner
- Skarp text i nästan svart eller grädde
Inget av de sockersöta valen är fel i sig; barnvarumärken och konfektyr använder dem med flit. Men om du vill att rosa ska läsas som tryggt snarare än gulligt behöver du tyngd någonstans i designen, och en djup partnerfärg är det snabbaste sättet att få den.
Mjuka rosa gradienter
Mjuka rosa toner känns lugna, varma och taktila. De passar hudvård, brevpapper, bröllop och välmående. Håll dem lite dammiga snarare än klara och använd mörkt bläck för texten.
Rosa med djupa toner
Här blir rosa redaktionellt. En djup partner ger rosan något att glöda mot och ger texten en stabil plats att sitta på. Kombinationerna nedan är vanliga inom mode, förlag och hotell- och restaurangbranschen av goda skäl.
Grönt och rosa ligger nästan mitt emot varandra på färghjulet, så de är ett slående par men en dålig blandning. Håll dem i separata ytor, som i delningen ovan. Komplementfärger förklarar varför motsatser blir grå när de blandas.
Djärva gradienter i skarp rosa
Skarp rosa är de högljuddaste färgerna i familjen. De passar musik, nattliv, reamoment och varumärken som vill synas från andra sidan rummet. Blanda dem mot orange eller violett, aldrig mot grönt eller turkos.
Violett till rosa är en av de mest välbekanta gradienterna på nätet. Använder du den, gör den till din med en djup botten, en varm högdager eller korn. Guiden om lila gradienter har mer om det.
Rosa i redaktionell design
Rosa som magasinomslag: lugn yta, tryggt typsnitt.
Ett citatinlägg där mörk text ger rosan tyngd.
Redaktionell rosa fungerar eftersom den behandlar färgen som en botten och inte som en dekoration. En enda stor yta, generöst med luft, skarp serif eller grotesk i nästan svart eller grädde och en detalj i en djup partnerfärg. Redaktionell design för sociala medier går igenom knepen i detalj.
Text på rosa gradienter
| Text på bakgrund | Kontrast | Omdöme |
|---|---|---|
Vitt på #831843 | 9,7:1 | Utmärkt |
Vitt på #be185d | 6,0:1 | Bra för brödtext |
Vitt på #db2777 | 4,6:1 | Klarar precis brödtext |
Vitt på #ec4899 | 3,5:1 | Bara stor text |
#3b0a1e på #f472b6 | 6,4:1 | Mörkt bläck fungerar här |
#1f2a44 på #f9c6d0 | 9,5:1 | Marinblått på rosa: utmärkt |
.cover {
background-color: #2a0a12;
background-image: linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%);
color: #fdf2f0;
}På en gradient ska du alltid kontrollera kontrasten där rosan är som ljusast bakom texten. Text på gradient visar hur du hittar den lugna zonen.
Vanliga frågor
Vilka färger passar med rosa i en gradient?
Persika, korall, rött och violett blandas rent med rosa. För kontrast, para rosa med djupa toner som oxblod, marinblått, kakao eller nästan svart. Håll grönt i en separat yta, eftersom rosa och grönt blandas till grått.
Hur får jag rosa att se mindre barnsligt ut?
Använd dammiga eller djupa rosa toner i stället för klar godisrosa, lägg till en djup partnerfärg och sätt texten i nästan svart eller grädde i stället för i en annan rosa.
Vilken textfärg fungerar på en rosa gradient?
Vitt fungerar på djupa rosa toner som hallon och bär. På ljusare rosa, använd ett mörkt bläck som ett djupt vinrött eller marinblått.
Vilken CSS ger en rosa gradient?
Till exempel ger linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%) en gradient från oxblod till ros. Alla paletter på den här sidan går att kopiera som CSS.
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


