Bộ Chọn Màu

Cả hai đều biểu diễn cùng màu sắc bằng giá trị Đỏ, Xanh lá và Xanh dương. HEX sử dụng ký hiệu thập lục phân (#FF5733) trong khi RGB sử dụng giá trị thập phân (rgb(255, 87, 51)).

HEX gọn nhẹ hơn và thường được sử dụng trong CSS và HTML. RGB dễ đọc hơn và dễ hiểu hơn trong nháy mắt. Cả hai tạo ra màu giống hệt nhau - đây hoàn toàn là vấn đề ưu tiên ký hiệu.

HSL (Màu sắc, Độ bão hòa, Độ sáng) thường được sử dụng trong CSS và phát triển web. Nó được hỗ trợ gốc trong trình duyệt và giúp dễ dàng tạo biến thể màu bằng cách điều chỉnh độ sáng.

HSV (Màu sắc, Độ bão hòa, Giá trị) được ưa chuộng trong các công cụ thiết kế như Photoshop và Figma vì nó phù hợp với cách chúng ta nhận thức độ sáng màu. Thành phần "Giá trị" biểu diễn độ sáng trực quan hơn "Độ sáng" của HSL.

CMYK (Lục lam, Đỏ tươi, Vàng, Đen) là mô hình màu tiêu chuẩn cho thiết kế in ấn. Không giống như RGB sử dụng ánh sáng để tạo màu trên màn hình, CMYK sử dụng mực màu cho in ấn vật lý.

Nếu bạn đang tạo tài liệu để in - chẳng hạn như brochure, danh thiếp, poster hoặc tạp chí - hãy sử dụng giá trị CMYK để đảm bảo tái tạo màu chính xác. Điều này ngăn màu sắc trông khác khi in so với màn hình của bạn.

API Nhỏ Giọt chỉ có sẵn trên trình duyệt Chrome và Edge. Nếu bạn đang sử dụng Firefox, Safari hoặc trình duyệt khác, tính năng này sẽ không khả dụng.

Đây là giới hạn của trình duyệt, không phải giới hạn của công cụ. API Nhỏ Giọt là tiêu chuẩn web tương đối mới chưa được tất cả trình duyệt áp dụng.

• Chrome (phiên bản 95+) - Được hỗ trợ
• Edge (phiên bản 95+) - Được hỗ trợ
• Firefox - Không được hỗ trợ
• Safari - Không được hỗ trợ

Bạn có hai lựa chọn:

1. Sử dụng công cụ Nhỏ Giọt (chỉ Chrome/Edge) - Nhấp vào biểu tượng nhỏ giọt và chọn bất kỳ màu nào hiển thị trên màn hình của bạn, bao gồm từ các trang web, hình ảnh hoặc ứng dụng khác.
2. Nhập mã HEX - Nếu bạn có mã HEX của màu, hãy nhập trực tiếp vào trường nhập HEX. Công cụ chấp nhận định dạng 3 chữ số (#FFF), 6 chữ số (#FFFFFF) và 8 chữ số (#FFFFFFAA).

Không. Yêu thích và lịch sử của bạn được lưu trữ trong bộ nhớ cục bộ của trình duyệt. Chúng vẫn ở trên thiết bị của bạn và không được tải lên bất kỳ đâu.

Điều này có nghĩa là:

• Dữ liệu màu của bạn không bao giờ rời khỏi máy tính của bạn
• Không cần tài khoản hoặc đăng nhập
• Quyền riêng tư hoàn toàn - chúng tôi không thể thấy màu đã lưu của bạn
• Màu sắc được lưu trữ qua các phiên trình duyệt trên cùng thiết bị

Độ trong suốt kiểm soát mức độ trong suốt của màu. 100% là hoàn toàn đục (đặc), 0% là hoàn toàn trong suốt (vô hình). Các giá trị ở giữa tạo màu bán trong suốt.

Cách sử dụng phổ biến cho độ trong suốt:

• Lớp phủ - Nền bán trong suốt trên hình ảnh
• Bóng đổ - Bóng mềm với độ trong suốt một phần
• Thiết kế nhiều lớp - Xếp chồng các phần tử với hiệu ứng xuyên thấu
• Hiệu ứng di chuột - Thay đổi độ trong suốt tinh tế khi tương tác
• Gradient - Màu phai dần từ đục sang trong suốt

Giá trị alpha được bao gồm trong định dạng RGBA và HEX 8 chữ số (#RRGGBBAA).

Có! Nhấp vào nút Sao Chép Tất Cả để sao chép tất cả định dạng màu vào clipboard của bạn. Mỗi định dạng sẽ ở trên một dòng riêng biệt, sẵn sàng để dán vào mã hoặc tài liệu của bạn.

Ví dụ đầu ra khi sao chép tất cả định dạng:

HEX: #FF5733
RGB: rgb(255, 87, 51)
RGBA: rgba(255, 87, 51, 1)
HSL: hsl(9, 100%, 60%)
HSV: hsv(9, 80%, 100%)
CMYK: cmyk(0%, 66%, 80%, 0%)