Chuyển tới nội dung chính
Z

Trình chuyển đổi màu sắc

Chuyển đổi màu giữa HEX, RGB / RGBA, HSL, HSV và CMYK trong một bảng lưới cập nhật trực tiếp. Có xem trước mẫu màu và tra cứu tên màu CSS.

Miễn phí Không cần đăng ký Chạy trên trình duyệt Tôn trọng riêng tư Updated
Alpha

Xem trước
Tên màu:

Cách dùng

  1. 1 Nhập một giá trị màu vào bất kỳ dòng nào — HEX, RGB, HSL, HSV hoặc CMYK — bốn dòng còn lại sẽ tự động cập nhật theo thời gian thực.
  2. 2 Bạn cũng có thể dán tên màu CSS (red, dodgerblue, rebeccapurple) vào dòng HEX.
  3. 3 Bật Include alpha để mở rộng thành HEX-8 và các dạng RGBA / HSLA / HSVA; kéo thanh trượt để chỉnh độ trong suốt.
  4. 4 Dùng nút Copy ở mỗi dòng để sao chép giá trị tương ứng vào clipboard.

Vì sao dùng công cụ này

  • Năm định dạng luôn đồng bộ với nhau — không cần copy-paste qua lại giữa ba trang web khác nhau.
  • Chấp nhận cả cú pháp hiện đại lẫn cú pháp cũ — rgb(255 87 51), rgb(255, 87, 51), hoặc rgba(255 87 51 / 0.5).
  • Tra cứu tên màu CSS bao phủ toàn bộ 148 từ khóa SVG / CSS4.
  • Toàn bộ phép tính chạy trong trình duyệt, không có bảng màu thương hiệu nào của bạn bị tải lên bất kỳ đâu.

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

HEX có hỗ trợ alpha không?

Có — bật công tắc alpha thì HEX sẽ mở rộng thành 8 ký tự (#RRGGBBAA). Các trình duyệt hiện đại và hầu hết công cụ thiết kế đều chấp nhận dạng này.

Vì sao giá trị HSL và HSV của tôi bị làm tròn?

Phần hiển thị kênh màu được làm tròn về phần trăm nguyên cho dễ đọc. Bên trong, phép chuyển đổi vẫn giữ độ chính xác đầy đủ, nên khi chuyển ngược lại RGB vẫn cho đúng giá trị byte ban đầu.

Màu CMYK trông hơi khác so với phần mềm in ấn của tôi.

Trình duyệt và hầu hết công cụ chuyển đổi trực tuyến dùng công thức RGB↔CMYK đơn giản — màu in thực tế phụ thuộc vào hồ sơ màu (ICC, GRACoL, FOGRA). Chỉ nên dùng công cụ này để ước lượng cho màn hình.

Chỉ cần chuyển đổi HEX ↔ RGB thôi thì sao?

Công cụ này xử lý cả năm định dạng, nhưng nếu bạn chỉ cần thao tác nhanh, hãy dán giá trị HEX vào dòng trên cùng rồi đọc giá trị RGB ở dòng thứ hai.

Trình chuyển đổi màu sắc là gì?

Trình chuyển đổi màu sắc là công cụ dịch một giá trị màu duy nhất giữa nhiều không gian mô hình màu — phổ biến nhất là HEX (dạng viết tắt dùng cho web), RGB / RGBA (đỏ-lục-lam kèm kênh alpha tùy chọn), HSL (hue/saturation/lightness), HSV (hue/saturation/value) và CMYK (dùng cho in ấn, gồm cyan/magenta/yellow/key). Công cụ chuẩn hóa mọi giá trị về một biểu diễn nội bộ chung rồi chuyển đổi qua lại giữa các định dạng, kèm ô xem trước mẫu màu để kiểm tra kết quả bằng mắt.

Tính năng

Năm mô hình màu

Chuyển đổi giữa HEX, RGB / RGBA, HSL, HSV và CMYK — chỉnh sửa bất kỳ trường nào, các trường còn lại sẽ tự động cập nhật theo thời gian thực.

Mẫu màu & tên màu

Một mẫu màu trực tiếp hiển thị kết quả xem trước, và bạn có thể tìm kiếm trong 148 tên màu CSS.

Miễn phí & riêng tư

Chạy hoàn toàn phía client — không cần đăng ký, không tải lên bất kỳ dữ liệu nào.

Ví dụ

Input

#3B82F6

Output

rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%)

Trường hợp sử dụng

  1. 1

    HEX ↔ RGB cho CSS

    Chuyển đổi mã HEX của nhà thiết kế sang rgb()/rgba() hoặc HSL để dùng cho stylesheet và design token.

  2. 2

    CMYK sẵn sàng cho in ấn

    Nhận bảng phân tích CMYK gần đúng của một màu trên màn hình để phục vụ công việc in ấn.

  3. 3

    Tinh chỉnh với HSL/HSV

    Chuyển sang HSL hoặc HSV để điều chỉnh sắc độ, độ bão hòa và độ sáng một cách trực quan.

Trình chuyển đổi màu sắc so với các lựa chọn khác

Trình chuyển đổi màu sắc so với các công cụ trình duyệt và máy tính thông thường — so sánh nhanh các tính năng.
Tính năng Zerethon Tools Công cụ trực tuyến thường gặp Ứng dụng máy tính
HEX / RGB / HSL / HSV / CMYK All five 2–3 All five
Alpha channel (RGBA) Yes Sometimes Yes
CSS named-color lookup Yes Rarely Sometimes
Live grid (all formats) Yes No Sometimes
Free Yes Yes Often paid
Tóm tắt

Công cụ chuyển đổi màu của Zerethon chuyển đổi một màu duy nhất giữa HEX, RGB/RGBA, HSL, HSV và CMYK trong một lưới trực tiếp, kèm bản xem trước mẫu màu (swatch) và tra cứu tên màu CSS. Công cụ chuẩn hóa về một giá trị nội bộ chung và chuyển đổi qua lại giữa các định dạng theo đặc tả CSS Color. Mọi thứ đều chạy ngay trong trình duyệt của bạn.

Danh mục
Sáng tạo
Giá
Miễn phí
Quyền riêng tư
Chạy trên trình duyệt
Đăng ký
Không cần

Tài liệu tham khảo

Quyền riêng tư

Dữ liệu của bạn không bao giờ rời khỏi trình duyệt trừ khi được nêu rõ. Trình chuyển đổi màu sắc chạy hoàn toàn phía client — không tải lên máy chủ, không ghi log, không theo dõi dữ liệu bạn nhập.

Kiến thức cơ bản

Hexadecimal là gì?

Công cụ liên quan

Trình tải Thumbnail YouTube

Tải ảnh thumbnail YouTube ở mọi độ phân giải có sẵn. Chỉ cần dán URL video.

Mở công cụ

Xem trước Open Graph

Kiểm tra URL của bạn hiển thị như thế nào khi chia sẻ trên mạng xã hội. Xem trước thẻ chia sẻ trên Facebook, Twitter, LinkedIn và Slack.

Mở công cụ

Đếm từ & ký tự

Đếm từ, ký tự, câu và đoạn văn. Thời gian đọc, thời gian nói và các từ khóa nổi bật — tức thì.

Mở công cụ

Trình tạo Lorem Ipsum

Tạo văn bản giữ chỗ Lorem Ipsum — theo đoạn văn, câu, hoặc từ. Tùy chọn bọc HTML.

Mở công cụ

Xây dựng, chia sẻ và phát triển trên Zerethon Social

Đăng ký miễn phí. Kiếm điểm, sưu tầm thành tựu và kết nối với nhà sáng tạo khắp thế giới.

Dùng thử Zerethon miễn phí