Olika färger som passar ihop
Få flera olika färger med samma ljushet och mättnad. På ikoner, etiketter, diagram och bilder ser de ut som en enda uppsättning.
Klicka på en färg för att kopiera dess HEX.
Så ser de ut tillsammans
- Hem
- Meddelanden
- Kalender
- Filer
- Foton
- Musik
Kod
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ceKontrollera dina färger
Klistra in färgerna du redan använder, en per rad eller med mellanslag emellan. Du ser om de ligger på samma nivå och får en rättad uppsättning med samma nyanser.
Frågor och svar
Varför ser färger med samma HSL-ljushet ojämna ut?
HSL behandlar alla nyanser lika, men ögat gör det inte: gult och grönt ser mycket ljusare ut än blått vid samma HSL-värden. Verktyget arbetar i OKLCH, där lika ljushet ser lika ut, så ingen ikon eller diagramstapel sticker ut av misstag.
Hur många olika färger kan människor skilja åt?
I ett diagram eller en förklaring skiljer de flesta snabbt på 6 till 8 färger. Upp till 12 fungerar med etiketter bredvid färgerna. Vid fler kategorier kan du slå ihop små eller lägga till etiketter, mönster eller ikoner.
Vilken stil ska jag välja?
Pastell och Mjuka passar som bakgrund för etiketter och märken med mörk text. Ljusstarka och Rika passar för ikoner, stapeldiagram och linjer på vit sida. Djupa och Mörka passar för rutor med vit text och accenter i mörkt tema.
Kan jag lägga text på de här färgerna?
Ja. Förhandsvisningen väljer svart eller vit text för varje färg. Ljusa stilar får mörk text, djupa stilar får vit text. För brödtext, kontrollera det exakta paret i kontrastkontrollen.
Är färger med samma ljushet säkra vid färgblindhet?
Färger på samma nivå skiljer sig bara i nyans, vilket är det svåraste för färgblinda. Lägg till etiketter eller mönster i diagram, eller testa uppsättningen i färgblindhetssimulatorn. För ikoner med textetiketter brukar det gå bra.