Färghjulsutforskare
Välj basfärg
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
Dra nålen runt hjulet
Nålen ställer in din basfärg. Mättnad och ljushet justeras med separata kontroller.
-
2
Välj en harmoni
Komplementär, analog, triadisk, delad komplement, tetradisk, monokromatisk. Harmonimarkörerna roterar med basen.
-
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
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
Färgpalettgenerator
Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.
Binär till oktal-konverterare
Konvertera binärt till oktalt genom att gruppera bitar tre och tre. Användbart för Unix-rättigheter, äldre system och kompakt numerisk visning.
ASCII till binär-konverterare
Konvertera valfri ASCII-sträng till dess binära representation. Varje tecken blir åtta bitar, separerade med mellanslag, redo att klistras in i en protokolltrace eller läxa.
Base64 till Hex-konverterare
Konvertera en Base64-sträng till dess underliggande bytes uttryckta som hexadecimal. Användbart för att inspektera tokens, nycklar, certifikat och JWT:er.
Slumpgenerator för bokstäver
Generera slumpade A-Z-bokstäver. Välj antal, versaler, gemener eller blandat läge och använd resultatet för spel, uppgifter eller klassrumsaktiviteter.
ASCII till hex-konverterare
Konvertera ASCII-text till hexadecimala bytevärden. Utdata använder två hexsiffror per tecken, redo för minnesdumpar, pakettraces eller firmwaretabeller.