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%)Chọn màu và nhận các giá trị hex, RGB, HSL. Cách sử dụng màu thiết kế vật liệu trực tuyến miễn phí này hoạt động ngay trong trình duyệt của bạn — không cần tải xuống, không cần đăng ký, không giới hạn.
Màu sắc thiết kế Material
Sử dụng điều khiển
Sử dụng các điều khiển ở trên để điều chỉnh cài đặt của bạn
Xem bản xem trước
Xem bản cập nhật xem trước trong thời gian thực
Sao chép
đã tạo Sao chép mã CSS được tạo khi hài lòng
Dán mã
Dán mã vào biểu định kiểu dự án của bạn
Đánh dấu công cụ này
Đánh dấu công cụ này cho công việc thiết kế trong tương lai
Frequently Asked Questions
Bảng màu Material Design có miễn phí không?
Có, Bảng màu Thiết kế Material Design miễn phí 100%, không giới hạn, không đăng ký hoặc không có quảng cáo trong kết quả.
Tôi có thể sử dụng mã được tạo cho mục đích thương mại không?
Tuyệt đối. Tất cả CSS và mã thiết kế bạn tạo đều là của bạn để sử dụng trong bất kỳ dự án nào.
Bảng màu của Material Design có hoạt động trên thiết bị di động không?
Có, công cụ này hoàn toàn đáp ứng, mặc dù máy tính để bàn mang lại trải nghiệm tốt nhất cho công việc thiết kế.
Tool Information
Related Tools You Might Like
Trình tạo bảng màu từ ảnh
Name
Bộ chuyển đổi RGB/HEX
Chuyển đổi giữa định dạng màu RGB và Hex
Chung
Tạo lược tự chọn với ô xem thử
Trình kiểm tra độ tương phản WCAG
Kiểm tra độ tương phản màu theo tiêu chuẩn WCAG
Trình tạo chữ ký số
Tạo các ký hiệu kỹ thuật số có cấu hình khác nhau
Name
Tạo ra bóng hộp CN
Máy tính âm lượng Surfboard
Tính toán một khối lượng hoàn hảo dựa trên trọng lượng, mức kinh nghiệm và điều kiện sóng.
Trình chuyển đổi chiều cao Sóng
Chuyển đổi giữa các đợt đo chiều cao khác nhau (mặt cao, tỷ lệ Hawaii, sóng biển).
Comment
Lên kế hoạch lặn với giới hạn độ sâu, thời gian dưới và mức an toàn.