Generator för analoga färger
Välj en basfärg och ett vinkelavstånd. Verktyget visar basfärgen med en angränsande nyans på vardera sidan vid den valda vinkeln, den klassiska analoga kärnan med tre färger, samt ett yttre par vid dubbla vinkeln för en bredare palett med fem färger. Analoga paletter hör till de mest harmoniska klassiska färgschemana eftersom närliggande nyanser delar en dominerande underton. Därför är de vanliga i naturen (solnedgångar, skogar) och i redaktionell design.
Så bygger du en analog palett
-
1
Välj basfärg
Klistra in en hexkod, RGB-triplett eller HSL-värde. Mättade mellantonsfärger ger de rikaste analoga uppsättningarna.
-
2
Välj förskjutningsvinkel
30° är det klassiska analoga avståndet. 15° ger en tätare, nästan monokrom uppsättning; 45° börjar närma sig split-komplementärt.
-
3
Justera ljushetsvariation
Variera eventuellt ljusheten mellan de tre nyanserna för att undvika en platt palett. Att göra de två sidofärgerna ljusare ger en mjukare, mer redaktionell känsla.
-
4
Exportera färgerna
Kopiera hex, RGB eller HSL. Praktiskt för CSS-variabler, Figma-stilar eller tryckspecifikationer.
Klassiska färgscheman jämfört med analoga
| Schema | Vinkelförhållande | Karaktär |
|---|---|---|
| Monokromatiskt | 0° (samma nyans, olika ljushet/mättnad) | Lugnt, enhetligt |
| Analogt | 30° åt vardera sidan | Harmoniskt, naturligt |
| Komplementärt | 180° isär | Hög kontrast, spänning |
| Split-komplementärt | Bas + 2 nyanser kring komplementet | Kontrast med nyans |
| Triadiskt | 120° isär | Balanserat, livfullt |
| Tetradiskt | Två komplementära par | Rikt, komplext |
Exempel på analoga paletter från naturen
- Solnedgång: gult → orange → rödorange (30°-steg på den varma sidan).
- Skog: gulgrönt → grönt → blågrönt.
- Hav: blågrönt → blått → blåviolett.
- Höst: rödorange → orange → gulorange.
Designa med en analog uppsättning
- Välj en färg som dominant (60% av ytan), använd den andra som accent (30%) och den tredje som highlight (10%), “60-30-10”-regeln.
- Para analoga färger med en neutral färg (vitt, svart, varmgrått) för brödtext och gränssnittselement.
- Undvik att använda tre analoga färger med samma mättnad i stora block, det ser grumligt ut. Variera ljushet eller mättnad mellan sidofärgerna och basen.
Färgrymder och vinkelmatematik
Förskjutningen på 30° beräknas i HSL- eller HSV-nyansrymd, där båda behandlar nyans som en vinkel (0-360°). Hjuloperationer i RGB fungerar inte, du måste konvertera till HSL, rotera nyansen och konvertera tillbaka. Det är vad verktyget gör under huven. Utdata i alla tre notationer ingår eftersom CSS, designverktyg och tryckflöden föredrar olika format.
Vanliga frågor
Monokromatiskt använder en enda nyans med olika ljushet och mättnad (marinblått, blått, himmelsblått). Analogt använder tre olika nyanser som är grannar på hjulet (blågrönt, blått, blåviolett). Analogt ger mer visuell variation.
Analoga färger kan ha överlappande CMYK-blandningar, vilket minskar kontrasten i tryck. Kontrollera softproof-versioner och överväg att öka avståndet från 30° till 40° för tryckarbete.
Ja, men låt en av de tre vara den dominerande varumärkesfärgen och flytta de andra två till stödroller (märken, accenter). Att använda alla tre för primära gränssnittsåtgärder skapar förvirring; användare lär sig koppla en färg till den viktigaste uppmaningen till handling.
De tre färgerna i mitten bildar det klassiska analoga schemat: basnyansen och dess två grannar vid den valda vinkeln. De två yttre färgerna ligger vid dubbla vinkeln och är extra alternativ för en bredare palett. Med standardavståndet 30° ligger kärnan vid ±30° och det yttre paret vid ±60°.
Relaterade verktyg
JSON-formaterare
Klistra in JSON för att snyggformatera med 2 eller 4 mellanslag, minifiera till kompakt utdata eller snabbt kontrollera syntaxen innan du kopierar resultatet.
Färgpalettgenerator
Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.
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 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.
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.