# Jalokivisävyt: smaragdin, safiirin ja rubiinin värikoodit

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

Smaragdi, safiiri, rubiini ja ametisti näyttävät arvokkailta, koska ne ovat sekä syviä että kylläisiä. Tässä koodit, sävyjen rikkautta tukevat parit ja virheet, jotka tekevät ilmeestä naamiaisasun.

## The short version

- Jalokivisävyt ovat syviä, voimakkaasti kylläisiä värejä, jotka on nimetty jalokivien mukaan: smaragdinvihreä, safiirinsininen, rubiininpunainen ja ametistinvioletti sekä topaasi, sitriini, granaatti ja turmaliini.
- Jalokivisävyn tekee voimakas kylläisyys yhdistettynä keskitasoiseen tai tummaan vaaleusasteeseen, jolloin väri näyttää sisältä valaistulta kirkkaan tai vaalean sijaan.
- Jalokivisävyt näyttävät rikkaimmilta lämpimän neutraalin, kuten norsunluun, lähes mustan tai pienen hillityn kultamäärän vieressä.
- Tämän artikkelin smaragdi-, safiiri-, rubiini- ja ametistikoodit täyttävät WCAG AA -kontrastin leipätekstille valkoisella tai norsunluulla.
- Käytä yhtä jalokivisävyä päävärinä ja enintään yhtä muuta tehosteena, koska yhtä voimakkaiden jalokivivärien koko sarja näyttää naamiaisasulta.

**Jalokivisävyt** ovat syviä, kylläisiä jalokivien mukaan nimettyjä värejä. Smaragdi `#00674F`, safiiri `#0F52BA`, rubiini `#9B111E` ja ametisti `#6A3D9A` ovat neljä tunnetuinta, joiden rinnalla ovat topaasi, sitriini, granaatti ja turmaliini. Ne ovat pastelleja rikkaampia, neonia tummempia eikä niitä harmaanneta maan sävyjen tapaan. Siksi ne tuntuvat arvokkailta ja sopivat iltatilaisuuksiin, talvikampanjoihin, viinietiketteihin ja brändeille, jotka haluavat painavan ilmeen ilman mustaa.

## Jalokivisävyjen heksakoodit

Nämä käytännölliset koodit on sovitettu näyttämään kiveltä näytöllä ja toimimaan tekstinä. Jalokivet vaihtelevat, joten yhtä virallista smaragdia ei ole, mutta nämä arvot vastaavat hyvin yleistä mielikuvaa.

- Smaragdi: #00674f
- Safiiri: #0f52ba
- Rubiini: #9b111e
- Ametisti: #6a3d9a
- Topaasi: #d98e04
- Sitriini: #e1b000
- Granaatti: #6f1d2b
- Turmaliini: #b0185a
- Sinivihreä turmaliini: #0e7c7b

Yhdeksän jalokivisävyä. Ensimmäiset neljä ovat klassinen sarja, topaasi ja sitriini perheen lämpimät ja vaaleat jäsenet.

| Jalokivisävy | Heksa | RGB | Teksti valkoisella |
| --- | --- | --- | --- |
| Smaragdi | `#00674F` | 0, 103, 79 | 6,88:1, täyttää AA:n |
| Safiiri | `#0F52BA` | 15, 82, 186 | 7,15:1, täyttää AAA:n |
| Rubiini | `#9B111E` | 155, 17, 30 | 8,42:1, täyttää AAA:n |
| Ametisti | `#6A3D9A` | 106, 61, 154 | 7,64:1, täyttää AAA:n |
| Sinivihreä turmaliini | `#0E7C7B` | 14, 124, 123 | 5,01:1, täyttää AA:n |
| Turmaliini | `#B0185A` | 176, 24, 90 | 6,72:1, täyttää AA:n |
| Topaasi | `#D98E04` | 217, 142, 4 | käytä päällä tummaa tekstiä |
| Sitriini | `#E1B000` | 225, 176, 0 | käytä päällä tummaa tekstiä |

Kontrasti on mitattu puhdasta valkoista vasten. Topaasi ja sitriini ovat liian vaaleita valkoisella kirjoittamiseen, mutta lähes musta teksti toimii niiden päällä. Sitriini ja `#14141A` saavuttavat 9,10:1.

Jos tarvitset toisen muodon, [heksavärikoodit](https://gradiently.design/fi/guide/color-codes-explained) selittää heksan, RGB:n ja HSL:n suhteen. [Heksasta RGB:ksi](https://gradiently.design/fi/guide/hex-to-rgb) näyttää muunnoksen käsin.

## Mikä tekee väristä jalokivisävyn

Kaksi asetusta yhtä aikaa. Kylläisyys on korkea: väri on puhdas, lähes ilman harmaata. Vaaleusaste on keskitasoinen tai tumma, selvästi valkoisen alapuolella. Lisää vaaleutta, ja smaragdi muuttuu mintuksi. Vähennä kylläisyyttä, ja se muuttuu salviaksi. Säilytä molemmat, niin saat hiotun kiven läpi kulkevan valon hohteen.

### Ei jalokivisävy

- Minttu `#98E5C8`: liian vaalea, pastelli
- Salvia `#8A9A84`: harmaannettu, hillitty sävy
- Lime `#7CFF3A`: kirkas ja sähköinen neon
- Metsä `#1F3B2C`: niin tumma, että näyttää lähes mustalta

### Jalokivisävy

- Smaragdi `#00674F`: puhdas vihreä keskitasoisen tummana
- Safiiri `#0F52BA`: kylläinen sininen, selvästi valaistu
- Rubiini `#9B111E`: syvä punainen, joka silti hehkuu
- Ametisti `#6A3D9A`: syvä violetti, ei harmaa

Samaa ajatusta käsittelee [vaaleat, murretut ja tummat sävyt](https://gradiently.design/fi/guide/tints-tones-shades): jalokivisävyt ovat pääosin puhtaita värejä, joihin on lisätty hieman mustaa, harvoin valkoista tai harmaata. Ne ovat vastakohta [maan sävyille](https://gradiently.design/fi/guide/earth-tone-colors), joissa samat värit on viety kohti ruskeaa.

## Käyttövalmiita jalokiviväripaletteja

Jalokivisävy tarvitsee ympärilleen rauhaa. Pelkkä smaragdisivu on raskas, norsunluun vieressä se näyttää harkitulta. Nämä neljä palettia käyttävät yhtä kiveä päävärinä ja tukevat sitä sopivassa suhteessa.

- **Smaragdikirjasto:** smaragdi `#00674F`, norsunluu `#F6EFE2`, hillitty kulta `#C9A24A`, muste `#14141A`. Klassinen ja kirjallinen, sopii kustantamoille ja baareille.
- **Safiiriyö:** safiiri `#0F52BA`, yönsininen `#0B1430`, helmi `#EEF0F5`, sitriini `#E1B000` pienenä tehosteena. Rauhallinen ja varma.
- **Rubiini-illallinen:** rubiini `#9B111E`, granaatti `#6F1D2B`, kerma `#F4EADB`, oliivi `#5E6B3A`. Lämmin ja antelias, ruokaan ja viiniin sopiva.
- **Ametististudio:** ametisti `#6A3D9A`, luumu `#3B1F4F`, pellava `#F2ECE4`, sinivihreä turmaliini `#0E7C7B`. Luova ja hieman yllättävä.

Aloita [60 30 10 -säännöstä](https://gradiently.design/fi/guide/60-30-10-rule): neutraali kattaa suurimman osan pinnasta, jalokivisävy suuret muodot ja tehoste pienen kaistaleen. Kulta toimii parhaiten hillittynä. Kirkas keltakulta smaragdin vieressä näyttää nopeasti naamiaisasulta.

## Jalokivisävyiset liukuvärit

Jalokivisävyt tuottavat erityisen rikkaita liukuvärejä, koska kukin voi häipyä omaan varjoonsa muuttumatta sameaksi. Pidä sävyt lähekkäin väriympyrällä ja anna tumman pohjan tehdä suurin osa työstä.

- Smaragdin syvyys: `radial-gradient(circle at 30% 25%, #10a37f 0%, #00674f 40%, #052a22 85%)`
- Safiirin nousu: `linear-gradient(150deg, #0b1430 0%, #0f52ba 60%, #4f86e6 100%)`
- Rubiinin hehku: `radial-gradient(circle at 70% 30%, #d4243a 0%, #9b111e 40%, #3a0710 90%)`
- Ametistista turmaliiniin: `linear-gradient(160deg, #1e0f33 0%, #6a3d9a 55%, #b0185a 100%)`
- Smaragdista safiiriin: `linear-gradient(135deg, #00674f 0%, #0e7c7b 50%, #0f52ba 100%)`
- Sitriiniä granaatilla: `radial-gradient(circle at 50% 20%, #e1b000 0%, #d98e04 30%, #6f1d2b 95%)`

Kuusi jalokiviliukuväriä. Kukin pysyy lähisävyissä, joten liukuman keskiosa säilyy puhtaana.

Vältä suoraa liukumaa rubiinista smaragdiin. Ne ovat vastavärejä, joten keskikohta muuttuu ruskeaksi. [Sameat liukuvärit](https://gradiently.design/fi/guide/muddy-gradients) selittää syyn ja kiertotien kolmannen värin tai tumman pohjan kautta.

## Missä jalokivisävyt toimivat parhaiten

Jalokivisävyillä on painoa, joten ne sopivat harkituilta tuntuviin hetkiin: kutsuun, kausimenuun, vuosikertomuksen kanteen tai arvokkaan tuotteen lanseeraukseen. Käytä tekstissä norsunluuta tai saman värin vaaleaa sävyä ja pidä asettelu pelkistettynä.

Pystykutsu talvi-illalliselle, vaalea teksti syvällä ja rikkaalla taustalla

5×7 in kutsu koossa 1500×2100. Syvä pohja ja vaalea teksti ovat klassinen jalokivisävyjen yhdistelmä.

Pystymuotoinen somejulkaisu rajatusta rubiiniversion tuote-erästä syvänvärisellä taustalla

1080×1350 Instagram-julkaisu rajoitetulle tuote-erälle. Yksi kivi määrittää tunnelman.

Monet brändit valitsevat jalokivisävyjä syksyllä ja talvella. Siksi kausikampanja voi sulautua muiden joukkoon. Jos haluat rikkautta ilman samanlaisuutta, Gradientlyn Mark antaa jalokivisävyisen taustan, jolla vain sinä voit viedä suunnitelmia lunastettuasi sen. Se pitää sanat luettavina kaikkialla.

## Jalokivisävyjen yleiset virheet

- **Neljä kiveä täydellä voimalla.** Smaragdi, safiiri, rubiini ja ametisti yhdessä näyttävät makeisrasialta. Valitse yksi pääväri.
- **Yhdistäminen puhtaaseen valkoiseen.** Kontrasti toimii, mutta ilme on kliininen. Lämmin norsunluu syventää väriä.
- **Valkoinen teksti vaaleilla jalokivisävyillä.** Sitriini ja topaasi tarvitsevat tumman tekstin. Valkoinen sitriinillä jää pahasti kontrastivaatimuksista.
- **Painaminen ilman vedosta.** Kylläiset siniset ja violetit jäävät usein CMYK-väriavaruuden ulkopuolelle ja himmenevät paperilla. Lue [RGB ja CMYK](https://gradiently.design/fi/guide/rgb-vs-cmyk) ennen tiedoston lähettämistä.

## FAQ

### Mitä jalokivisävyt ovat?

Jalokivisävyt ovat syviä ja kylläisiä jalokivien mukaan nimettyjä värejä, kuten smaragdinvihreä, safiirinsininen, rubiininpunainen ja ametistinvioletti. Ne yhdistävät voimakkaan kylläisyyden keskitasoiseen tai tummaan vaaleusasteeseen.

### Mikä on smaragdinvihreän heksakoodi?

Hyvä jalokivisävyinen smaragdi on `#00674F`. Vaaleammat smaragdit, kuten `#50C878`, ovat verkossa yleisiä, mutta näyttävät kirkkaalta keskivihreältä jalokiven sijaan.

### Mitkä värit sopivat jalokivisävyihin?

Lämpimät neutraalit, kuten norsunluu ja kerma, lähes musta sekä pienet määrät hillittyä kultaa. Jalokivisävy toimii yleensä parhaiten enintään yhden toisen jalokivisävyn kanssa tehosteena.

### Mitä eroa jalokivisävyillä ja maan sävyillä on?

Jalokivisävyt ovat puhtaita ja kylläisiä. Maan sävyt ovat samoja värejä ruskeaan ja harmaaseen taitettuina. Smaragdi on jalokivisävy, oliivi maan sävy.

### Sopivatko jalokivisävyt brändille?

Ne sopivat rikkautta, vakiintuneisuutta tai juhlavuutta tavoitteleville brändeille, kuten ravintola- ja hotellialalle, kustantamoille ja premium-tuotteille. Valitse yksi kivi pääväriksi ja jätä paljon neutraalia tilaa sen ympärille.