./prontouso.com

CHUYỂN ĐỔI ĐƠN VỊ

Chuyển Đổi Màu Sắc

Chuyển đổi màu chính xác giữa các không gian màu HEX, RGB, HSL, HSV và CMYK. Bao gồm bảng chọn màu tương tác trực quan và mã màu CSS.

Trạng thái công cụChạy trên trình duyệt của bạn
Xem trước

Tùy chọn

Pick a color, type one, or generate a random one.

Kết quả

Cách thức hoạt động

  1. Nhập dữ liệu của bạn

    Điền các giá trị cần thiết, dán văn bản hoặc tải lên tệp bạn muốn xử lý.

  2. Xem kết quả tức thì

    Hầu hết các công cụ cập nhật theo thời gian thực khi bạn nhập liệu; một số công cụ sử dụng một nút hành động duy nhất.

  3. Sử dụng kết quả

    Sao chép, tải xuống hoặc chia sẻ kết quả được tạo — bạn luôn có toàn quyền kiểm soát dữ liệu của mình.

Quyền riêng tư & xử lý dữ liệu — Chạy cục bộ 100% trên trình duyệt của bạn. Công cụ này không tải dữ liệu của bạn lên máy chủ.

Chuyển Đổi Màu Sắc là gì?

Type or pick a color and see it instantly in HEX, RGB, HSL, and HSB, each ready to copy.

TÌM HIỂU CÁCH HOẠT ĐỘNG CỦA CÔNG CỤ

How to convert colors between formats

Formats explained

  • HEX represents red, green, and blue as three pairs of hexadecimal digits, optionally with a fourth pair for alpha.
  • RGB lists red, green, and blue as numbers from 0 to 255.
  • HSL describes a color by hue, saturation, and lightness, which is often more intuitive for picking a shade or tint.
  • HSB (also called HSV) is close to HSL but uses brightness instead of lightness, matching how many color pickers in design tools work.

Typing a color directly

The text field accepts HEX (#335A9C or #335A9C80 with alpha), rgb()/rgba(), and hsl()/hsla() notation. An invalid value stays in the field so you can keep editing it, while the swatch and results keep showing the last valid color.

How to use it

  • Pick a color, type one directly, or choose Random color.
  • Read the converted value from any of the four format fields.
  • Choose Copy next to the format you need.

Conversion example

HEX to RGB, HSL, and HSB

#335a9c is parsed as 51 red, 90 green, and 156 blue, then formatted into the other color models. Alpha appears only when the input includes it.

#335a9c -> rgb(51, 90, 156) -> hsl(218, 51%, 41%)

Color format notes

Alpha is preserved in formats that support it. HSB is included for comparison with design tools, while CSS usually uses HEX, RGB(A), or HSL(A).

Các Câu Hỏi Thường Gặp (FAQ)

Does this support transparency?

Yes. An 8-digit HEX value or an rgba()/hsla() value with an alpha channel is parsed and reflected in every format that supports it.

Why does the color picker only show HEX?

The browser's native color input only works with opaque HEX values. Alpha is preserved separately and shown in the RGB(A) and HSL(A) fields.

What is the difference between HSL and HSB?

Both describe hue and saturation the same way. HSL's third value is lightness, where 50% is the purest version of the hue; HSB's third value is brightness, where 100% is the purest version. The same color has different numbers in each.

Can I paste short HEX like #369?

Yes. Three-digit HEX is expanded to six digits, so #369 becomes #336699. Use eight-digit HEX when you also need alpha.

Công Cụ Liên Quan