Generera en slumpmässig färg i HEX och RGB

Designers och prototypskapare genererar en slumpmässig färg när de snabbt behöver matchande HEX- och RGB-värden för design eller test.

Generera en slumpmässig färg i HEX och RGB och kopiera båda värdena till din design eller ditt test. Använd det gratis direkt i webbläsaren, utan konto.

Så använder du

Öppna verktyget för slumpmässig färg i webbläsaren; resultatområdet är redo att visa en nyans.
Kör generatorn för att skapa en färg med dess HEX- och RGB-värden.
Läs båda notationerna och kopiera den som ditt designprogram eller din kodbas förväntar sig.
Generera igen så många gånger du vill för att utforska andra nyanser.
Radera resultatet när du är klar för att lämna sidan ren.

Exempel

En designer behöver en accentfärg för en snabb mockup. Hen genererar en nyans, kopierar HEX-värdet till designfilen och behåller RGB-värdet för stilvariationer, och provar sedan ett nytt drag tills färgen passar layouten.

Gränser och format

Verktyget returnerar en färg i taget, inte en full palett, gradient eller ett tema.
Det kontrollerar inte kontrast mot vit eller svart text, så tillgänglighet måste verifieras någon annanstans.
HEX och RGB beskriver samma färg, men verktyget konverterar inte till andra färgrymder.
En slumpmässig nyans kan krocka med en befintlig varumärkesriktlinje, så bekräfta den med projektägaren.

Var bearbetningen sker

Färgen genereras i webbläsaren. Inget skickas utanför under genereringen. Att stänga sidan eller radera resultatet räcker för att börja om.

Vanliga frågor

Vad betyder HEX- och RGB-värdena?

HEX-värdet är en kompakt notation som används i kod och designverktyg. RGB-värdet beskriver samma röda, gröna och blå komponenter som tal, vilket gör det enkelt att återanvända i olika arbetsflöden.

Kan jag generera flera färger samtidigt?

Nej, varje körning visar en enda färg. Om du behöver en palett genererar du upprepade gånger, noterar de värden du vill behålla och ordnar dem i ditt vanliga designprogram.

Är färgen lämplig för tillgänglighet?

Inte automatiskt. En slumpmässig nyans kan ligga för nära din text eller bakgrund. Kontrollera kontrasten med ett särskilt tillgänglighetsverktyg innan du använder den för läsbar text eller kritiska gränssnittselement.