Monochromatic Color Generator
Generera en monokromatisk palett utifrån en grundfärg med Monochromatic Color Generator. Ange en hexkod med 3 eller 6 siffror så behåller verktyget nyansen och mättnaden, samtidigt som ljusheten ändras med 30 och 15 procentenheter åt båda hållen, inom intervallet 10 till 90 procent. Resultatet är fem nyanser och toner som hexkoder, med grundfärgen i mitten. Perfekt för designers och utvecklare som skapar lugna, enhetliga UI-färgskalor och teman.
Vanliga frågor
Vad returnerar Monochromatic Color Generator?
Den returnerar fem färger som hexkoder med sex gemena siffror. Färg 3 är din grundfärg. Färg 1 och 2 är mörkare versioner, och färg 4 och 5 är ljusare versioner av samma nyans.
Hur beräknas nyanserna?
Verktyget konverterar hexkoden till HSL och ändrar bara ljusheten: minus 30, minus 15, plus 15 och plus 30 procentenheter. Nyans och mättnad förblir desamma, så alla fem färger hör till samma färgfamilj.
Finns det en undre eller övre gräns för ljusheten?
Ja. De mörkare stegen går aldrig under 10 procents ljushet och de ljusare stegen går aldrig över 90 procent, så skalan undviker rent svart och rent vitt.
Varför får jag dubbletter eller oväntade färger för mycket mörka eller ljusa grundfärger?
På grund av gränserna på 10 och 90 procent sammanfaller steg nära ytterkanterna. För #000000 blir båda mörkare stegen #1a1a1a, som är ljusare än grundfärgen, och för #ffffff blir båda ljusare stegen #e6e6e6.
Vilken palett ger rent rött?
För #ff0000 returnerar verktyget #660000, #b30000, #ff0000, #ff4d4d och #ff9999. Rött har 50 procents ljushet, så det får hela spannet med två mörkare och två ljusare steg.
Vilka färgformat kan jag ange?
Ange en hexkod med 3 eller 6 siffror, med eller utan #, till exempel #3366cc eller 36c. Notationen RGB och HSL samt färgnamn godtas inte, så konvertera dem till hex först.
Varför ändras min basfärg lite när den returneras?
Nyans, mättnad och ljushet avrundas till heltal, så konverteringen till HSL och tillbaka kan ändra en färgkanal ett steg. #ff5733 visas till exempel som #ff5833 mitt på skalan.
Fungerar det för gråtoner?
Ja. Till skillnad från nyansbaserade scheman ändrar en monokromatisk skala ljusheten, så en grå färg ger ljusare och mörkare gråtoner. Svart och vitt begränsas av intervallet 10 till 90 procent som beskrivs ovan.
Hur använder jag en monokromatisk palett i ett gränssnitt?
Använd de mörkaste färgerna för text och ramar, grundfärgen för primära åtgärder och de ljusaste för bakgrunder och hovringstillstånd. Kontrollera textkontrasten med en WCAG-kontrastkontroll, eftersom stegen intill varandra bara skiljer sig med 15 procentenheter i ljushet.
Är resultatet detsamma som i Color Palette Generator?
Ja. Verktyget använder exakt samma alternativ, Monochromatic, som Color Palette Generator, så båda verktygen ger samma fem hexkoder för samma grundfärg.