Material Design Color Palette
Google Material Design color reference.
Material Design Colors
Pick a color to see all formats
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Pilih warna dan dapatkan nilai hex, RGB, HSL. Cara menggunakan warna reka bentuk bahan dalam talian percuma ini berfungsi terus dalam penyemak imbas anda — tiada muat turun, tiada pendaftaran, tiada had.
Warna Rekaan Bahan
Gunakan kawalan
Gunakan kawalan di atas untuk melaraskan tetapan anda
Tonton pratonton
Tonton kemas kini pratonton dalam masa nyata
Salin
yang dijana Salin kod CSS yang dijana apabila berpuas hati
Tampal kod
Tampalkan kod ke dalam lembaran gaya projek anda
Tanda buku alat ini
Tandai halaman alat ini untuk kerja reka bentuk masa hadapan
Frequently Asked Questions
Adakah Palet Warna Reka Bentuk Bahan percuma?
Ya, Palet Warna Reka Bentuk Bahan adalah 100% percuma tanpa had, pendaftaran atau iklan dalam hasil.
Bolehkah saya menggunakan kod yang dijana secara komersial?
betul-betul. Semua CSS dan kod reka bentuk yang anda hasilkan adalah milik anda untuk digunakan dalam mana-mana projek.
Adakah Palet Warna Reka Bentuk Bahan berfungsi pada mudah alih?
Ya, alat ini responsif sepenuhnya, walaupun desktop memberikan pengalaman terbaik untuk kerja reka bentuk.
Tool Information
Related Tools You Might Like
Color Palette Generator from Image
Extract dominant colors from an image
RGB/HEX Converter
Convert between RGB and HEX color formats
CSS Gradient Generator
Create custom CSS gradients with preview
WCAG Contrast Checker
Check color contrast according to WCAG standards
Digital Signature Generator
Create stylized digital signatures with different fonts
Box Shadow Generator
Generate CSS box shadows
Surfboard Volume Calculator
Calculate the perfect surfboard volume based on your weight, experience level, and wave conditions.
Wave Height Converter
Convert between different wave height measurements (face height, Hawaiian scale, ocean swell).
Scuba Dive Planner
Plan your scuba dive with depth limits, bottom time, and safety decompression requirements.