# Juveltoner: fargekoder for smaragd, safir, rubin og ametyst

[Canonical HTML page](https://gradiently.design/nb/guide/jewel-tone-colors)

Smaragd, safir, rubin og ametyst ser kostbare ut fordi de er dype og mettede på én gang. Her er kodene, kombinasjonene som holder dem rike, og feilene som får dem til å ligne et kostyme.

## The short version

- Juveltoner er dype, sterkt mettede farger oppkalt etter edelsteiner: smaragdgrønn, safirblå, rubinrød, ametystlilla, pluss topas, citrin, granat og turmalin.
- Det som gjør en farge til en juveltone, er kombinasjonen av sterk metning og middels til mørk valør, så den ser ut til å lyse innenfra i stedet for å være klar eller blek.
- Juveltoner ser rikest ut ved siden av en varm nøytral som elfenben, en nesten svart eller litt dempet gull.
- Smaragd, safir, rubin og ametyst består alle WCAG AA-kontrast for brødtekst mot hvitt eller elfenben med kodene i denne artikkelen.
- Bruk én juveltone som hovedfarge og maks én til som aksent, fordi et helt sett edelsteiner i lik styrke ser ut som et kostyme.

**Juveltoner** er dype, mettede farger oppkalt etter edelsteiner: smaragd `#00674F`, safir `#0F52BA`, rubin `#9B111E` og ametyst `#6A3D9A` er de fire alle kjenner igjen, med topas, citrin, granat og turmalin tett bak. De ligger i et smalt bånd: mye rikere enn pasteller, mørkere enn neon og aldri gråaktige som jordfarger. Den kombinasjonen er grunnen til at de oppleves som verdifulle, og til at de passer kveldsarrangementer, vinterkampanjer, vinetiketter og alle merkevarer som vil føles solide uten å gå over i svart.

## Hex-koder for juveltoner

Dette er brukskoder, justert for å se ut som steinen på en skjerm og for å holde som tekst. Edelsteiner varierer, så det finnes ingen offisiell smaragd, men disse verdiene ligger midt i det folk ser for seg.

- Smaragd: #00674f
- Safir: #0f52ba
- Rubin: #9b111e
- Ametyst: #6a3d9a
- Topas: #d98e04
- Citrin: #e1b000
- Granat: #6f1d2b
- Turmalin: #b0185a
- Blågrønn turmalin: #0e7c7b

Ni juveltoner. De fire første er det klassiske settet; topas og citrin er de varme, lyse medlemmene av familien.

| Juveltone | Hex | RGB | Tekst på hvitt |
| --- | --- | --- | --- |
| Smaragd | `#00674F` | 0, 103, 79 | 6,88:1, består AA |
| Safir | `#0F52BA` | 15, 82, 186 | 7,15:1, består AAA |
| Rubin | `#9B111E` | 155, 17, 30 | 8,42:1, består AAA |
| Ametyst | `#6A3D9A` | 106, 61, 154 | 7,64:1, består AAA |
| Blågrønn turmalin | `#0E7C7B` | 14, 124, 123 | 5,01:1, består AA |
| Turmalin | `#B0185A` | 176, 24, 90 | 6,72:1, består AA |
| Topas | `#D98E04` | 217, 142, 4 | bruk mørk tekst på den |
| Citrin | `#E1B000` | 225, 176, 0 | bruk mørk tekst på den |

Kontrasten er målt mot rent hvitt. Topas og citrin er for lyse til tekst på hvitt, men bærer nesten svart tekst godt: citrin med `#14141A` når 9,10:1.

Trenger du dem i et annet format, forklarer [hex-fargekoder](https://gradiently.design/nb/guide/color-codes-explained) hvordan hex, RGB og HSL henger sammen, og [hex til RGB](https://gradiently.design/nb/guide/hex-to-rgb) viser omregningen for hånd.

## Hva som gjør en farge til en juveltone

To innstillinger, begge samtidig. Metningen er høy: fargen er ren, med nesten ingen grå i seg. Valøren er middels til mørk: den ligger godt under hvitt. Hev valøren, så blir smaragd til mint; senk metningen, så blir den til salvie. Behold begge, så får du gløden av lys som går gjennom en slipt stein.

### Ikke en juveltone

- Mint `#98E5C8`: for lys, en pastell
- Salvie `#8A9A84`: gråaktig, en dempet tone
- Lime `#7CFF3A`: klar og elektrisk, en neon
- Skoggrønn `#1F3B2C`: så mørk at den leses som nesten svart

### Juveltone

- Smaragd `#00674F`: ren grønn med middels mørk valør
- Safir `#0F52BA`: mettet blå, tydelig opplyst
- Rubin `#9B111E`: dyp rød som fortsatt gløder
- Ametyst `#6A3D9A`: lilla med dybde, ikke grå

Dette er den samme ideen som [toner, nyanser og skygger](https://gradiently.design/nb/guide/tints-tones-shades) beskriver: juveltoner er stort sett rene fargetoner tilsatt litt svart, sjelden hvitt eller grått. De ligger også i motsatt ende av [jordfarger](https://gradiently.design/nb/guide/earth-tone-colors), som er de samme fargetonene trukket mot brunt.

## Fargepaletter med juveltoner du kan bruke

En juveltone trenger noe stille rundt seg. Alene blir en side i smaragd tung; ved siden av elfenben ser den bevisst ut. Disse fire palettene leder hver med én stein og legger til støtte i riktig mengde.

- **Smaragdbibliotek:** smaragd `#00674F`, elfenben `#F6EFE2`, dempet gull `#C9A24A`, blekk `#14141A`. Klassisk, boklig, fint for forlag og barer.
- **Safirnatt:** safir `#0F52BA`, midnatt `#0B1430`, perle `#EEF0F5`, citrin `#E1B000` som en liten aksent. Rolig og selvsikker.
- **Rubinmiddag:** rubin `#9B111E`, granat `#6F1D2B`, krem `#F4EADB`, oliven `#5E6B3A`. Varm, raus, laget for mat og vin.
- **Ametyststudio:** ametyst `#6A3D9A`, plomme `#3B1F4F`, lin `#F2ECE4`, blågrønn turmalin `#0E7C7B`. Kreativ og litt uventet.

Bruk [60-30-10-regelen](https://gradiently.design/nb/guide/60-30-10-rule) som utgangspunkt for fordelingen: den nøytrale dekker det meste av flaten, juveltonen tar de store formene, og aksenten får en smal stripe. Gull fungerer best dempet; et klart gulgull ved siden av smaragd ser fort ut som et kostyme.

## Gradienter med juveltoner

Juveltoner gir noen av de rikeste gradientene som finnes, fordi hver av dem kan tone over i sin egen skygge uten å bli grumsete. Hold naboene tett på fargesirkelen, og la en mørk bunn gjøre det meste av jobben.

- Smaragddybde: `radial-gradient(circle at 30% 25%, #10a37f 0%, #00674f 40%, #052a22 85%)`
- Safir som stiger: `linear-gradient(150deg, #0b1430 0%, #0f52ba 60%, #4f86e6 100%)`
- Rubinglød: `radial-gradient(circle at 70% 30%, #d4243a 0%, #9b111e 40%, #3a0710 90%)`
- Ametyst til turmalin: `linear-gradient(160deg, #1e0f33 0%, #6a3d9a 55%, #b0185a 100%)`
- Smaragd til safir: `linear-gradient(135deg, #00674f 0%, #0e7c7b 50%, #0f52ba 100%)`
- Citrin over granat: `radial-gradient(circle at 50% 20%, #e1b000 0%, #d98e04 30%, #6f1d2b 95%)`

Seks gradienter med juveltoner. Hver holder seg innenfor nabofarger, så midten av overgangen forblir ren.

Unngå å blande rubin rett over i smaragd. De er komplementærfarger, så midtpunktet blir brunt; [grumsete gradienter](https://gradiently.design/nb/guide/muddy-gradients) forklarer hvorfor og hvordan du går rundt det via en tredje farge eller en mørk bunn.

## Der juveltoner fungerer best

Juveltoner har tyngde, så de passer øyeblikk som skal føles gjennomtenkte: en invitasjon, en sesongmeny, forsiden på en årsrapport, en lansering av noe som koster ordentlige penger. Sett teksten i elfenben eller en lys tone av samme farge, og hold layouten enkel.

En stående invitasjon til en vintermiddag med lys skrift på en dyp, rik bakgrunn

En invitasjon på 5×7 tommer i 1500×2100. En dyp bunn med lys tekst er det klassiske grepet med juveltoner.

Et stående innlegg i sosiale medier som lanserer en begrenset rubinutgave på en dypt farget bakgrunn

Et Instagram-innlegg i 1080×1350 for et begrenset produkt, der én stein setter stemningen.

Mange merkevarer griper etter juveltoner om høsten og vinteren, og det er nettopp derfor en sesongkampanje kan gli inn i alle andres. Vil du ha rikdommen uten likheten, gir en Mark fra Gradiently deg en bakgrunn i juveltoner som bare du kan eksportere med når du har sikret deg den, og den holder ordene dine lesbare uansett hvor de står.

## Vanlige feil med juveltoner

- **Å bruke fire steiner i full styrke.** Smaragd, safir, rubin og ametyst sammen ser ut som en godteriboks. Velg én hovedfarge.
- **Å kombinere med rent hvitt.** Det gir kontrast, men ser klinisk ut. En varm elfenben får fargen til å se dypere ut.
- **Å legge hvit tekst på lyse juveltoner.** Citrin og topas trenger mørk tekst; hvitt på citrin stryker grovt på kontrasten.
- **Å trykke uten prøvetrykk.** Mettede blåtoner og lillatoner faller ofte utenfor CMYK-området og blir matte på papir. Les [RGB eller CMYK](https://gradiently.design/nb/guide/rgb-vs-cmyk) før du sender en fil.

## FAQ

### Hva er juveltoner?

Juveltoner er dype, mettede farger oppkalt etter edelsteiner, som smaragdgrønn, safirblå, rubinrød og ametystlilla. De kombinerer sterk metning med middels til mørk valør.

### Hva er hex-koden for smaragdgrønn?

En god smaragd i juveltone er `#00674F`. Lysere smaragder som `#50C878` er vanlige på nettet, men de leses som en klar mellomgrønn og ikke som en edelstein.

### Hvilke farger passer til juveltoner?

Varme nøytraler som elfenben og krem, nesten svart og små mengder dempet gull. En juveltone ser som regel best ut med maks én annen juveltone, brukt som aksent.

### Hva er forskjellen på juveltoner og jordfarger?

Juveltoner er rene og mettede; jordfarger er de samme fargetonene trukket mot brunt og grått. Smaragd er en juveltone, oliven er en jordfarge.

### Passer juveltoner til en merkevare?

De passer merkevarer som vil føles rike, etablerte eller festlige, som hotell og restaurant, forlag og eksklusive varer. Velg én stein som hovedfarge og hold god nøytral plass rundt den.