# Y2K-estetik: krom, gradienter och glöd

[Canonical HTML page](https://gradiently.design/sv/guide/y2k-aesthetic)

Flytande krom, genomskinlig plast, isblått och bubbelgumsrosa: millennieskiftets stil är tillbaka. Så fungerar den, och så bär du den utan att se ut som en maskeraddräkt.

## The short version

- Y2K-estetiken är den optimistiska, teknikinspirerade stilen från ungefär slutet av 1990-talet till mitten av 2000-talet, byggd på krom, genomskinlig plast, irisering och glöd.
- De centrala färgerna är silver, vitt, isblått, babyrosa, lila och syrligt limegrönt, mot vita eller djupt blåsvarta bakgrunder.
- Övertygande krom är en gradient med omväxlande ljusa och mörka band, eftersom polerad metall speglar en ljus himmel ovanför, en mörk horisont och en ljusare mark nedanför.
- Y2K-stilen fungerar bäst i dag när ett enda drag leder, som kromtext eller en iriserande bakgrund, med en modern layout och läsbar text runt omkring.

**Y2K-estetiken** är millennieskiftets stil: flytande krom, genomskinlig plast, frostade blå toner, bubbelgumsrosa, iriserande film och mjuk glöd, allt präglat av en optimism kring tekniken och framtiden. Den omfattar ungefär slutet av 1990-talet till mitten av 2000-talet och har de senaste åren återuppstått inom mode, musik och grafisk design. Gradienter ligger i dess hjärta, eftersom nästan varje Y2K-yta är en blandning: metall, gel, glas eller ljus.

Den här guiden bryter ned stilen i dess drag, ger paletter och gradientkoder som verkligen läses som krom, is och glöd, och visar hur du använder den nu utan att den ser ut som en kostym. För angränsande stilar, se [holografiska gradienter](https://gradiently.design/sv/guide/holographic-gradients) och [retrogradienter](https://gradiently.design/sv/guide/retro-gradients).

## Vad som kännetecknar Y2K-estetiken

Stilen växte fram ur tekniken och produkterna från sin tid. Genomskinlig färgad plast, som gjordes berömd av Apples iMac G3 1998, spred sig till telefoner, handkontroller och hörlurar. Gränssnitten blev blanka, och Apples Aqua år 2000 fick knappar att se ut som gel. Musikvideor, skivomslag och spel älskade kromade bokstäver, linsreflexer och rundade, futuristiska former.

| Drag | Hur det ser ut | Så använder du det nu |
| --- | --- | --- |
| Flytande krom | Spegelblank metall i band av ljust och mörkt | Rubriker och logotyper, aldrig brödtext |
| Genomskinlig plast | Tonad, genomsiktlig färg med mjuka högdagrar | Bakgrunder och produktbilder |
| Irisering | Pärlemorsfilm som skiftar mellan pastelltoner | En yta per design |
| Glöd och reflex | Mjukt ljus som blöder från ljusa punkter | Bakom ett enda ord eller föremål |
| Bubbelformer | Rundade, uppblåsta former och pillerknappar | Klistermärken, märken, knappar |
| Futuristisk typografi | Breda, rundade eller pixelinspirerade bokstäver | Bara korta displayrader |

Sex drag som gör att en design läses som Y2K. Du behöver sällan mer än två samtidigt.

## Y2K-färgpaletter och gradientkoder

- Silver: #c0c6cf
- Vitt bländ: #eef3f8
- Isblå: #9ee7ff
- Babyrosa: #ffc2e2
- Lila: #c7a8ff
- Syrlig lime: #c6ff3d
- Djupt rymdblått: #0b0b2b

Den centrala Y2K-paletten: sval metall och vitt, mjuka pasteller, en syrlig accent och en mörk botten för glöd.

Det mesta av Y2K-färgen är sval och ljus. Silver och vitt ger den metalliska basen, isblått och lila tillför den frostade, digitala känslan och babyrosa bidrar med den lekfulla sidan. Syrlig lime är accenten, använd sparsamt. När en design ska glöda byter du den vita bakgrunden mot ett djupt blåsvart, som i [neongradienter](https://gradiently.design/sv/guide/neon-gradients).

- Frostat isblått: `linear-gradient(180deg, #e8fbff 0%, #9ee7ff 45%, #3cc3f2 100%)`
- Bubbelgum till lila: `linear-gradient(135deg, #ffd6f0 0%, #ff8fd1 50%, #c77dff 100%)`
- Pärlemorsfilm: `linear-gradient(120deg, #c9f0ff 0%, #e6d4ff 30%, #ffd6ec 55%, #fff4c9 80%, #d3ffe9 100%)`
- Genomskinlig turkos plast: `linear-gradient(160deg, #8fe3e6 0%, #1f9aa8 55%, #0d5f6e 100%)`
- Syrlig limeglöd: `radial-gradient(circle at 50% 45%, #f4ffd0 0%, #c6ff3d 25%, #3b7a12 55%, #0b0b2b 85%)`
- Rymdblått till is: `linear-gradient(180deg, #0b0b2b 0%, #2a1a5e 55%, #9ee7ff 100%)`

Sex Y2K-gradienter, alla kopierbara. Pärlemorsfilmen fungerar bäst stor, som ett ark holografisk folie.

## Så gör du en kromgradient som läses som metall

Krom är den svåraste Y2K-effekten att efterlikna och den lättaste att göra fel. En mjuk gradient från grått till vitt ser ut som plast. Polerad metall är en spegel: den reflekterar en ljus himmel i övre halvan, en skarp mörk horisont nära mitten och en ljusare mark nedanför. Krom behöver alltså flera band, med minst ett plötsligt skifte från ljust till mörkt.

Flytande krom: `linear-gradient(180deg, #ffffff 0%, #d9dee5 20%, #8e97a3 46%, #2f353d 50%, #c9d0d8 54%, #f2f5f8 75%, #9aa3ae 100%)`

Himmel, horisont, mark: vitt som går över i stålgrått, en hård mörk linje vid halvvägs, sedan ljust igen. Det plötsliga skiftet är det som läses som en spegel.

För kromtext klipper du gradienten till bokstäverna och lägger till en svag, sval glöd. Spara krom till några få stora ord: i små storlekar försvinner banden och texten blir svår att läsa. [Gradienttext i CSS](https://gradiently.design/sv/guide/css-gradient-text) går djupare in på klippning.

```css
.chrome-text {
  font-weight: 800;
  background: linear-gradient(180deg, #ffffff 0%, #d9dee5 20%, #8e97a3 46%, #2f353d 50%, #c9d0d8 54%, #f2f5f8 75%, #9aa3ae 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 10px rgba(158, 231, 255, 0.55));
}
```

Kromade bokstäver i CSS. Skuggan ger en isig glöd; ta bort den för kallare, hårdare metall.

## Glöd, glans och genomskinlighet

Glöd är det som får Y2K att kännas elektriskt i stället för bara blankt. Receptet är en mycket ljus kärna, en mättad ring och ett snabbt fall in i en mörk botten. Glans är gelhögdagern på knappar från Aqua-eran: en ljusare övre halva och en hård kant där reflexen slutar. Genomskinlighet är frostad färg man nästan kan se igenom, förfadern till dagens [glasmorfism](https://gradiently.design/sv/guide/glassmorphism).

- Rosa linsglöd: `radial-gradient(circle at 50% 40%, #ffffff 0%, #ffd1f5 12%, #ff5fc8 32%, #3a0f4f 62%, #0b0b2b 90%)`
- Gel i Aqua-stil: `linear-gradient(180deg, #e3f6ff 0%, #9fd9ff 48%, #3aa6ef 52%, #7fd0ff 100%)`
- Frostat glas: `linear-gradient(135deg, #f5fbff 0%, #d7e9f7 45%, #c5d9ee 100%)`

Glöd, glans och frost som kopierbara gradienter. Använd en av dem per design, inte alla tre.

En stark effekt per design är regeln för alla tre. Ett glödande ord på en blank knapp över frostat glas är Y2K-stilen när den är som mest daterad. Var glansen kom ifrån kan du läsa i [gradienternas korta historia](https://gradiently.design/sv/guide/history-of-gradients).

## Y2K, vaporwave och Frutiger Aero jämförda

Tre stilar från internetåldern blandas ofta ihop. De delar gradienter och nostalgi men skiljer sig i stämning, epok och palett.

| Stil | Epok den hämtar från | Palett | Motiv |
| --- | --- | --- | --- |
| Y2K | Slutet av 1990-talet till mitten av 2000-talet | Silver, isblått, babyrosa, lime | Krom, genomskinlig plast, glöd |
| Vaporwave | Bildvärld från 1980- och 1990-talen, remixad på nätet på 2010-talet | Knallrosa, cyan, violett, solnedgångsorange | Rutnät, solnedgångar, marmorbyster, gamla datorskärmar |
| Frutiger Aero | Mitten av 2000-talet till början av 2010-talet | Himmelsblått, gräsgrönt, vitt | Vatten, bubblor, blankt glas, himmel och natur |

Angränsande stilar. [Färger för vaporwave och synthwave](https://gradiently.design/sv/guide/vaporwave-colors) tar upp den rosa och cyanblå sidan.

## Så uppdaterar du Y2K-estetiken för i dag

1. **Välj ett huvuddrag** Välj krom, irisering, glöd eller genomskinlig färg och låt det leda. Allt annat får vara tyst.
2. **Använd en modern layout** Gott om luft, ett tydligt rutnät och ett budskap per design hindrar stilen från att tippa över i kostym.
3. **Para ihop den med ren typografi** Sätt stödtexten i en enkel, modern sans serif. Spara breda eller futuristiska bokstäver till en enda displayrad.
4. **Lägg till korn i stället för mer glans** Fint korn över en iriserande eller kromad yta får den att kännas fysisk och aktuell snarare än plastig. Se [korniga gradienter](https://gradiently.design/sv/guide/grainy-gradients).
5. **Kontrollera kontrasten** Pastell och kromtext på vitt fallerar ofta. Testa varje rad mot sin bakgrund med reglerna för [färgkontrast](https://gradiently.design/sv/guide/color-contrast-accessibility).

Ett stående produktsläpp med titeln Chrome Edit som tillkännager en kollektion i butik på fredag

En Y2K-kampanj som flödesinlägg: korta, djärva ord och ett tydligt budskap.

En stående story som räknar ned två dagar till Chrome Edit, med dörrar som öppnar klockan tio på fredag

Samma kampanj som story. Layouten ändras; uttrycket förblir detsamma.

Ett Y2K-uttryck hör oftast till en kampanj snarare än en bestående identitet: en kollektion, en fest, ett album. I Gradiently [Marknaden](/market) kan du söka på färgord som isblått, silver eller lila för att hitta en Mark med den känslan, och designa med den utan kostnad.

## FAQ

### Vad är Y2K-estetik?

Y2K-estetiken är den teknikoptimistiska visuella stilen från ungefär slutet av 1990-talet till mitten av 2000-talet: krom, genomskinlig plast, iriserande pasteller, blanka ytor och glöd.

### Vilka färger ingår i en Y2K-färgpalett?

Silver, vitt, isblått, babyrosa, lila och syrlig lime, på en vit botten eller ett djupt blåsvart när designen ska glöda.

### Hur gör man en kromgradient?

Använd flera band: ljust upptill, en hård mörk linje nära mitten, sedan ljust igen. Det efterliknar en spegel som reflekterar himmel, horisont och mark, och det är det som får metall att läsas som metall.

### Vad är skillnaden mellan Y2K och vaporwave?

Y2K är svalt, metalliskt och futuristiskt, byggt på silver, isblått och rosa. Vaporwave är en internetstil från 2010-talet som remixar bildvärlden från 1980- och 1990-talen i knallrosa, cyan och violett, med rutnät, solnedgångar och marmorbyster.

### Kan ett varumärke använda Y2K-estetiken långsiktigt?

Den passar bäst för kampanjer, kollektioner och evenemang. För en bestående identitet lånar du ett enda drag, som en iriserande yta eller en kromaccent, och håller resten av systemet modernt.