Color Studio

Xây dựng bảng màu hài hòa từ vòng màu tương tác — áp dụng quy tắc hài hòa như analogous, complementary hoặc triad, rồi sao chép bất kỳ giá trị nào ngay lập tức.

Pha trộn màu bắt đầu sang màu kết thúc qua tối đa 10 bước — xem trước gradient, lấy mọi sắc thái và sao chép bất kỳ định dạng nào ngay lập tức.

Tạo dải đầy đủ tints và shades từ một màu duy nhất — chọn bước sáng/tối và số lượng sắc thái, rồi sao chép bất kỳ giá trị nào ngay lập tức.

Lấy bảng màu tinh tế, sẵn sàng sao chép từ bất kỳ ảnh nào.

Chuyển đổi màu giữa HEX, RGB, RGBA, HSL, HSLA và HSV — chọn màu, chỉnh alpha, và sao chép bất kỳ định dạng nào ngay lập tức.

Tìm màu CSS được đặt tên gần nhất và sắc thái Tailwind gần nhất cho bất kỳ màu nào — khớp theo cảm nhận, với các giá trị sẵn sàng sao chép.

Lấy mẫu bất kỳ pixel nào trên màn hình bằng eyedropper, hoặc chọn màu từ ảnh được thả vào, và thu thập thành bảng màu sẵn sàng sao chép.

Trích xuất gradient đẹp từ bất kỳ ảnh nào — thả ảnh vào, chọn tâm trạng, và các màu chủ đạo trở thành các điểm dừng gradient có thể kéo. Sao chép CSS sẵn dán ngay lập tức.

Xây dựng CSS gradient tuyến tính, hướng tâm và hình nón từ đầu với điều khiển đa điểm dừng có thể kéo và các preset được tuyển chọn. Sao chép CSS sẵn dán ngay lập tức.

Dán hoặc nhập bộ màu và xuất ngay sang CSS variables, SCSS, Tailwind config, JSON hoặc SVG swatches — bước hoàn thiện cho bất kỳ bảng màu nào.

Kiểm tra tỷ lệ tương phản WCAG giữa màu văn bản và màu nền — xem điểm đạt/không đạt AA/AAA cho văn bản thường, văn bản lớn và UI components, với bản xem trước trực tiếp và gợi ý màu accessible.

Xem ảnh hoặc bảng màu của bạn theo cách người có protanopia, deuteranopia, tritanopia hoặc achromatopsia nhìn — chạy hoàn toàn trong trình duyệt, không tải lên gì.