Designer & Developer Tools

Build color systems from a single base color

Convert colors, generate shades and palettes, build gradients, test contrast and export semantic tokens for modern UI systems.

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

                            

Color Lab

Trang này được xây dựng cho những người cần quy trình làm việc color tools 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.

  • Convert HEX, RGB and HSL values instantly
  • Generate 50-900 style shade scales
  • Create palettes and gradients for UI design
  • Export CSS variables, SCSS tokens and JSON data
Câu hỏi thường gặp

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

Can I generate a full shade scale from one color?

Yes. The tool can create light and dark shades from a single base color.

Can I export CSS and SCSS tokens?

Yes. You can export colors as CSS variables, SCSS variables and JSON.

Does the tool check accessibility contrast?

Yes. It calculates contrast ratio and shows common WCAG ratings.