Trình tạo Sắc độ và Bóng
Tự động tạo các sắc độ sáng nhất và bóng tối nhất của bất kỳ màu nào, với mã HEX của nó.
Cách tạo các sắc thái và bóng của một màu
Chọn một màu cơ bản
Chọn màu bắt đầu bằng bộ chọn trực quan hoặc nhập mã HEX của nó.
Xem các sắc thái và bóng
Bạn sẽ tự động thấy 5 sắc thái sáng hơn (tint) và 5 sắc thái tối hơn (shade) được tạo từ màu của bạn.
Sao chép mã HEX bạn cần
Nhấp vào bất kỳ mẫu màu nào để sao chép mã HEX của nó vào bộ nhớ tạm.
Câu hỏi thường gặp về trình tạo tông màu và bóng
Có các biến thể sáng hơn và tối hơn của một màu là điều cần thiết để tạo bảng màu thiết kế hợp lý (ví dụ như cho trạng thái di chuột, nền hoặc đường viền). Công cụ này tính toán chúng tự động.
Sự khác biệt giữa tint (tông sáng) và shade (bóng) là gì?
+
Một tông màu được tạo ra bằng cách trộn màu với trắng (làm sáng hơn) và một bóng được tạo ra bằng cách trộn nó với đen (làm tối hơn).
Nó tạo ra bao nhiêu biến thể?
+
Nó tạo ra 5 tông màu sáng hơn và 5 bóng tối hơn từ màu cơ sở của bạn, tổng cộng 10 màu.
Tôi có thể sao chép các mã không?
+
Có, nhấp vào bất kỳ màu nào trong danh sách để sao chép mã HEX của nó.
Có thể dùng để tạo bảng màu kiểu Tailwind không?
+
Có, đó chính xác là cùng một khái niệm với các thang độ màu 50-900 mà nhiều hệ thống thiết kế sử dụng.
Có miễn phí không?
+
Có, công cụ này hoàn toàn miễn phí.
Màu của tôi có được tải lên máy chủ nào không?
+
Không, tất cả các phép tính được thực hiện trực tiếp trong trình duyệt của bạn.
Màu sắc
Bộ chuyển đổi màu (HEX, RGB, HSL, CMYK)
Chuyển đổi bất kỳ màu nào giữa HEX, RGB, HSL và CMYK ngay lập tức, với xem trước trực tiếp và tên màu gần nhất.
Trình tạo bảng màu
Tạo bảng màu 5 màu hài hòa (bổ sung, tương tự, tam giác hoặc đơn sắc) từ một màu cơ bản.
Trình Tạo Gradient CSS
Tạo gradient tuyến tính hoặc tỏa sáng với tối đa 4 màu và sao chép mã CSS sẵn sàng để sử dụng.
Trình kiểm tra độ tương phản WCAG
Kiểm tra xem sự kết hợp màu sắc giữa văn bản và nền có đáp ứng các mức độ tiếp cập AA và AAA không.
Màu ngẫu nhiên
Tạo một màu ngẫu nhiên chỉ bằng một clic và khám phá tên, mã HEX/RGB/HSL và các màu tương tự.
Bộ chọn màu (mũi tên nhặt)
Chọn bất kỳ màu nào trên màn hình của bạn bằng công cụ nhặt màu của trình duyệt, hoặc sử dụng bộ chọn màu cổ điển.
Trình mô phỏng mù màu
Tải lên một hình ảnh và kiểm tra cách những người bị mù màu (protanopia, deuteranopia hoặc tritanopia) nhìn thấy nó.
Trình Tạo Gradient Mesh
Tạo hình nền với gradient mesh (các vết màu mờ) và tải xuống dưới dạng PNG hoặc sao chép mã CSS.
Trộn Màu
Trộn hai màu và khám phá các tông màu trung gian từng bước, cùng với mã HEX của chúng.
Vòng Màu (Hài Hòa)
Chọn một màu trên vòng và khám phá các kết hợp hài hòa của nó: bổ sung, tương tự, tam giác và hơn thế nữa.
Trích xuất Bảng màu từ Hình ảnh
Tải lên hình ảnh và tự động trích xuất các màu chủ đạo thành bảng màu, kèm mã HEX của từng màu.
Màu Trung Bình của Một Hình Ảnh
Tải lên một hình ảnh và tính toán ngay lập tức màu trung bình của nó, với mã HEX, RGB và HSL.
Khám phá màu theo họ
Hơn 469 màu được đặt tên, với mã HEX, RGB, HSL và CMYK của chúng, được sắp xếp thành 12 họ sắc thái.
