Softonic

Färghjulsutforskare

Steg 1 / 4

Välj basfärg

Nästa

Dra en nål runt färghjulet och se harmonimarkörerna rotera med den, komplementär vid 180°, triadisk i intervall om 120°, analoga grannar, delad komplement, tetradisk. Växla mellan HSL (ingenjörshjulet) och RYB (konstnärshjulet), jämför hur de skiljer sig åt och kopiera vilken kombination du än bestämmer dig för som en palett.

Så fungerar färghjulsutforskaren

  1. 1

    Dra nålen runt hjulet

    Nålen ställer in din basfärg. Mättnad och ljushet justeras med separata kontroller.

  2. 2

    Välj en harmoni

    Komplementär, analog, triadisk, delad komplement, tetradisk, monokromatisk. Harmonimarkörerna roterar med basen.

  3. 3

    Växla modell (HSL kontra RYB)

    HSL-hjulet är symmetriskt (rött mitt emot cyan, grönt mitt emot magenta). RYB-hjulet är asymmetriskt (rött mitt emot grönt, blått mitt emot orange: matchar intuitionen vid färgblandning).

  4. 4

    Kopiera paletten

    Hex, RGB, HSL för bas och varje harmonimarkör. CSS-variabler, Sass-map eller vanlig CSV.

HSL-hjul kontra RYB-hjul

Båda hjulen ordnar färger i en cirkel, men de är oense om vilka färger som är “motsatta”:

Bas HSL-komplement RYB-komplement
Röd Cyan Grön
Orange Blågrön Blå
Gul Blå Lila
Grön Magenta Röd
Blå Gul Orange
Lila Gulgrön Gul
  • HSL (nyans, mättnad, ljushet): en cylindrisk representation av sRGB som används i CSS och digital design. Om du lägger till 180° väljs nyansen på motsatt sida av det digitala hjulet.
  • RYB (rött, gult, blått): ett traditionellt konceptuellt hjul från konstundervisningen. Utforskaren mappar om nyansvinklarna för att efterlikna den konventionen; den förutsäger inte resultatet av att blanda verkliga pigment.

Båda är giltiga för olika mål. Använd HSL för skärmarbete; använd RYB när du bryr dig om intuitionen för målade medier.

Harmonidefinitioner på hjulet

  • Komplementär: bas + 180°. Största nyansavståndet på det valda hjulet.
  • Analog: bas med grannar vid -30° och +30°. Mjuk och enhetlig.
  • Triadisk: bas + 120° + 240°. Balanserad livfullhet.
  • Delad komplement: bas + 150° + 210°. Rik utan den fulla spänningen i komplementär.
  • Tetradisk / kvadrat: bas + 90° + 180° + 270°. Fyra nyanser med jämnt avstånd.
  • Monokromatisk: samma nyans, olika ljushet/mättnad.

Temperatur på hjulet

  • Varm halva: röda, oranga, gula. Traditionellt framträdande (drar ögat framåt).
  • Kall halva: gröna, blå, lila. Traditionellt tillbakadragande.
  • Neutraler: avmättade färger; tillhör endera halvan beroende på ton.

Praktiska användningsområden

  • Utforskning av varumärkespalett: dra nålen tills du hittar en färg som passar, kontrollera sedan triadiska eller tetradiska markörer för stödjande accenter.
  • Konststudier: välj en fotoreferens, hitta den dominerande nyansen, titta på analoga grannar för monokromatisk skuggning.
  • Illustration: välj ett komplementärt par för skuggor, t.ex. för ett orange objekt, måla skuggor i blått snarare än bara mörkare orange.
  • Inredningsmockup: triadiska hjul mappar till klassiska inredningspaletter (blå/gul/röd i traditionell amerikansk; grön/orange/lila i bohemisk).

Varför hjulet inte är helt intuitivt

Faktisk mänsklig färgperception är mer komplex än något av hjulen antyder. Munsell-systemet, LAB och OKLCH försöker alla skapa perceptuellt enhetliga arrangemang, och de bildar inte en enkel cirkel, kroma varierar med ljushet vid varje nyans. För arbete med produktionsdesignsystem ger perceptuella färgrymder renare resultat än hjul; för konceptuell färgutforskning vinner hjulet fortfarande på tydlighet.

Vanliga frågor

HSL för digital design (CSS, skärmar, UI). RYB när du tänker på färg, tryck eller traditionell konst och vill ha den konventionella harmoniintuitionen från konstskolan.

Modellerna ordnar nyanser på olika sätt. HSL använder sRGB:s nyansvinkel, så cyan ligger mitt emot rött. I den traditionella RYB-konventionen ligger grönt mitt emot rött. RYB är här en visuell approximation, inte en förutsägelse av hur vissa färger blandas.

För utbildning, idéskisser och kundkommunikation, ja. För precist palettarbete använder proffs alltmer perceptuella rymder (LAB, OKLCH) där ljushet och kroma är oberoende av nyans.

Kopiera paletten som CSS, Sass eller CSV och spara den där du arbetar. Utforskaren har inget palettbibliotek eller någon kontolagring. I flödet med fyra steg finns de synliga hjulinställningarna i webbadressen och kan ligga kvar i webbläsarhistoriken.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

CSS-pilgnerator

Skapa lokalt en CSS-pil med riktning, färg, storlek och ramens tjocklek och kopiera sedan regeln.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Generator för platshållarbilder

Skapa en bild på 1–4000 px med egna färger och text, ladda ned PNG eller kopiera webbadress och HTML.

Oktal-till-decimal-omvandlare

Omvandla oktala tal (bas 8) till decimalvärden, med den fullständiga positionsformeln och en steg-för-steg-uppdelning.

Markdown-förhandsvisare

Skriv Markdown och se den renderade HTML:en uppdateras live. GitHub-flavored syntax med tabeller, uppgiftslistor, inramad kod och autolänkar.

Verktyget finns på andra språk