🎨

Color Picker — chọn màu HEX / RGB / HSL

Picker màu trực quan — copy HEX, RGB, HSL, HSLA. Slider RGB realtime, 12 màu mẫu, gợi ý tên màu Tailwind gần nhất. Hữu ích cho designer + dev.

Chọn màu hoặc nhập HEX

R (0-255)200

G (0-255)16

B (0-255)46

#C8102E

HEX #C8102E

RGB rgb(200, 16, 46)

HSL hsl(352, 85%, 42%)

HSLA hsla(352, 85%, 42%, 1)

Tailwind gần nhất red-600

Tính năng

3 cách chọn màu: native color picker, gõ HEX trực tiếp, slider RGB từng kênh.
5 format output: HEX, RGB, HSL, HSLA, tên Tailwind gần nhất.
Preview lớn: text tự đổi đen/trắng theo luminance để luôn đọc được.
12 màu mẫu: brand sotayai + Tailwind 500-shade phổ biến.

HEX: ngắn gọn, chuẩn web. Dùng cho CSS, design tool.
RGB: dễ điều chỉnh từng kênh đỏ/xanh. Cũng dùng được trong CSS với rgb().
HSL: tốt nhất khi cần biến đổi màu theo độ sáng / độ bão hoà. Vd: tạo dark mode tự động bằng cách giảm L (lightness).
Tailwind class: nếu dự án đang dùng Tailwind, nên ưu tiên class chuẩn hơn arbitrary value.