Designer & Developer Tools

Generate shade scales from a base color

Create lighter and darker shades from a single base color and export them as CSS or SCSS tokens.

Không gian làm việc Màu sắc

Xây dựng một hệ thống màu hoàn chỉnh từ một màu cơ bản duy nhất.

Thang Bóng

Bảng màu

Thang Độ mờ

Xem trước Dải màu


                            

Độ tương phản

Xem trước Trợ năng

Kiểm tra khả năng đọc cho văn bản và bề mặt giao diện.

Xem trước Bóng

Bóng Cao cấp

                            

Generate shade scales from a base color

Trang này được xây dựng cho những người cần quy trình làm việc shade generator trực tuyến cho các hệ thống thiết kế, bộ công cụ UI, kiểm tra trợ năng và tạo mã thông báo có thể tái sử dụng.

  • Fast visual workflow
  • Ready-to-copy CSS and token output
  • Useful for design systems and UI kits
  • Built for developers and designers
Câu hỏi thường gặp

Các câu hỏi thường gặp

Who is this color tool for?

It is useful for designers, frontend developers and anyone building design systems.

Can I copy the generated output?

Yes. You can copy and download the generated CSS, SCSS or JSON output.