Material Färgreferens
Bläddra och kopiera gratis online alla Material Design-färgkoder. Hitta hex-värden för den kompletta 256-färgspaletten med ett klick.
No results found
Så här fungerar det
- Öppna verktyget Material Color Reference i din webbläsare.
- Bläddra igenom den fullständiga paletten med 256 färger organiserade efter färgfamiljer och nyansnivåer.
- Hitta önskad färg genom att scrolla bland de olika färggrupperna.
- Klicka på färgprovet för att automatiskt kopiera hex-koden till urklipp.
- Klistra in koden direkt i din CSS, Figma, Sketch eller något annat designverktyg.
Exempel
Indata: Material Light Blue 500
Resultat: #03A9F4
Vanliga frågor
Det är Googles officiella färgsystem med 256 noggrant utvalda färger organiserade i familjer som Röd, Blå, Grön och Lila, var och en med flera nyansnivåer från ljus till mörk.
Ja, verktyget är helt säkert. All bearbetning sker direkt i din webbläsare på klientsidan och inga data skickas till någon server.
Klicka bara på färgprovet eller hex-värdet så kopieras det automatiskt till ditt urklipp.
Ja, Material Design-färgerna är fritt tillgängliga och används flitigt i webb-, mobil- och skrivbordsapplikationer för både personliga och kommersiella ändamål.
De flesta färgfamiljer innehåller nyanser från 50 till 900, samt accentvarianter A100, A200, A400 och A700 för vissa färger.