Lyhyesti
- Musta-kultainen liukuväri yhdistää lähes mustan pohjan useasta väripisteestä tehtyyn kultaan: tyypillisesti tummaan pronssiin, lämpimään kultaan #d4af37 ja vaaleaan valokohtaan #f3e5ab.
- Tasainen kulta näyttää näytöllä sinapilta, sillä oikea kulta tunnistetaan metalliksi vasta valon ja varjon vaihdellessa sen pinnalla.
- Musta ja kulta näyttävät arvokkaimmilta, kun kultaa on vain pienessä osassa suunnitelmaa, kuten reunavalossa, viivassa tai tekstissä.
- Kultainen teksti, kuten #d4af37, saavuttaa lähes mustalla noin 9:1-kontrastin ja sopii luettaviin otsikoihin sekä lyhyisiin riveihin.
- Tavallisilla painoväreillä painettu kulta ei näytä metalliselta. Käytä foliota tai metalliväriä, kun aito vaikutelma on tärkeä.
Tällä sivulla
Musta-kultainen liukuväri yhdistää lähes mustan pohjan kultaan, joka rakentuu useasta väripisteestä yhden tasavärin sijaan: tummasta pronssista #8a6d1f, lämpimästä kullasta #d4af37 ja vaaleasta valokohdasta #f3e5ab. Vaihtelu saa kullan näyttämään metallilta. Tyylikkäissä versioissa kultaa on myös paljon vähemmän kuin ehkä odotat, usein vain reunassa hohtava valo tai itse teksti. Tässä koodit, metallikultaisen tekstin CSS ja säännöt, joilla yhdistelmä säilyttää arvokkaan ilmeensä.
Miksi tasainen kulta näyttää halvalta
Kulta ei oikeastaan ole väri vaan materiaali. Tunnistat sen heijastusten kuviona: varjoissa tummaa oliivinruskeaa, keskisävyissä lämmintä keltaista ja valokohdissa lähes valkoista. Yksi hex-arvo tavoittaa vain yhden näistä, joten tasainen #ffd700 näyttää keltaiselta tai sinapilta metallin sijaan. Vähintään kolmen väripisteen liukuväri tekee valon työn.
Metallikultaisen liukuvärin koodit
Nämä ovat itse kultatäytöt viivaan, tunnukseen, monogrammiin tai liukuväritekstiin. Jokainen kulkee tummasta vaaleaan ja takaisin tummaan, mikä luo vaikutelman kaarevasta kiillotetusta pinnasta, joka nappaa valon.
Musta-kultaiset liukuväritaustat
Käännä taustassa mittasuhteet: musta tekee lähes kaiken työn, ja kulta näkyy hohteena, horisonttina tai hentona lämpönä yhdessä kulmassa. Lämmin, hieman ruskeaan taittuva musta sopii kultaan paremmin kuin puhdas tai sinertävä musta.
Tummat liukuvärit raidoittuvat muita helpommin, ja kultainen hohde mustalla on lähes pahin tapaus. Hieno raekerros korjaa ongelman ja saa samalla pinnan tuntumaan paperilta tai sametilta. Lisää pohjia löydät oppaasta mustat liukuvärit.
Näin pidät mustan ja kullan tyylikkäinä
Halpa vaikutelma
- Tasainen keltainen kulta, kuten
#ffd700 - Kulta peittää puolet suunnitelmasta
- Kultaiset hohtokehät jokaisen sanan takana
- Kulta puhtaalla sinimustalla
- Koristeellinen kaunokirjoitus, kulta ja viisteet yhtä aikaa
Arvokas vaikutelma
- Kulta vähintään kolmesta väripisteestä
- Kulta yhdessä paikassa: valossa, viivassa tai nimessä
- Selkeä väljä teksti ilman tehosteita
- Kulta lämpimällä mustalla
- Yksi elegantti kirjasin ja väljät marginaalit
Koko niksi on hillitty käyttö. Luksuspakkauksissa on usein paljon tyhjää tummaa tilaa ja vähän metallia, jolloin metalli tuntuu arvokkaalta. Sama pätee näytöllä. Ylelliset väripaletit ja luksusdesign käsittelevät laajempaa visuaalista kieltä.
Kultainen teksti mustalla liukuvärillä
Kulta erottuu hyvin mustalla. Alla olevat luvut käyttävät WCAG-kontrastikaavaa. Tavallinen vähimmäisarvo pienelle tekstille on 4,5:1 ja suurille otsikoille 3:1. Käytä tummempia antiikkikultia viivoihin ja reunuksiin, älä sanoihin.
#0a0a0aTeksti
#d4af37Kontrasti
Käyttökohde
#0a0a0aTeksti
#b8860bKontrasti
Käyttökohde
#14110aTeksti
#c9a227Kontrasti
Käyttökohde
#1a1408Teksti
#f3e5abKontrasti
Käyttökohde
#0a0a0aTeksti
#8a6d1fKontrasti
Käyttökohde
Metallinen liukuväriteksti toimii yhdelle sanalle tai lyhyelle nimelle. Alla oleva CSS rajaa kiillotetun kultaliukuvärin kirjaimiin ja säilyttää tasaisen kultavärin varavaihtoehtona. CSS-liukuväriteksti käsittelee saavutettavuutta.
.luxe {
background-color: #0a0a0a;
background-image: radial-gradient(circle at 80% 15%, #5c4813 0%, #1a1408 35%, #0a0a0a 75%);
color: #f3e5ab;
}
.luxe h1 {
color: #d4af37; /* fallback */
background: linear-gradient(135deg, #8a6d1f 0%, #d4af37 30%, #f3e5ab 50%, #d4af37 70%, #8a6d1f 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 0.04em;
}Kultasepän postaus: lämmin musta, yksi kultavalo ja selkeä teksti.
Uudenvuodenaaton tarina, jonka alareunassa on kultainen horisontti.
Musta ja kulta painossa
Tavallinen neliväripainatus ei toista metallia. CMYK:na painettu kultaliukuväri näyttää ruskeankeltaiselta, vaikka rakentaisit sen kuinka huolellisesti. Kutsuissa, käyntikorteissa ja pakkauksissa, joissa kulta on tärkeä, käytä kultaisiin osiin kuumafoliota tai metalliväriä ja jätä liukuväri näytölle. Liukuvärit painossa esittelee vaihtoehdot, ja RGB ja CMYK selittää näytön ja paperin eron.
Missä käytät mustaa ja kultaa
Musta ja kulta sopivat koruihin, kelloihin, tuoksuihin, väkeviin juomiin, hotelleihin, partureihin, juhlapukutilaisuuksiin ja uuteenvuoteen. Ne sopivat myös syviin viininpunaisiin: katso viininpunaiset liukuvärit. Jos haluat tumman lämpimän ilmeen, joka on vain sinun, Gradientlyn Mark on värien, materiaalien, valon ja rakeen resepti tasaisen täytön sijaan. Jokaisella Markilla on kerrallaan yksi omistaja. Kun lunastat sen, kilpailija ei voi viedä sillä sisältöä.
Usein kysyttyä
Mikä on metallikullan hex-koodi?
Yleisesti käytetty metallikulta on #d4af37. Uskottavaan metalliin yhdistä se liukuvärissä tummaan pronssiin, kuten #8a6d1f, ja vaaleaan valokohtaan, kuten #f3e5ab.
Miten teen kultaisen liukuvärin CSS:llä?
Käytä symmetristä lineaarista liukuväriä, joka kulkee tummasta kirkkaaseen, valokohtaan, kirkkaaseen ja tummaan. Esimerkiksi linear-gradient(135deg, #8a6d1f 0%, #d4af37 30%, #f3e5ab 50%, #d4af37 70%, #8a6d1f 100%).
Onko kultainen teksti mustalla luettavaa?
Kyllä. Metallikulta #d4af37 saavuttaa lähes mustalla noin 9:1-kontrastin. Pitkiin teksteihin vaaleampi samppanjakulta on miellyttävämpi.
Miksi musta-kultainen suunnitelmani näyttää halvalta?
Yleensä kulta on yksi tasainen keltainen, sitä on liikaa tai siinä on hohteita ja viisteitä. Rakenna kulta useasta väripisteestä ja käytä sitä yhdessä paikassa.
Voinko painaa musta-kultaisen liukuvärin?
Voit, mutta CMYK-kulta näyttää ruskeankeltaiselta, ei metalliselta. Käytä foliota tai metalliväriä, jos kullan pitää kiiltää.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme