Chuyển đổi Màu

Chuyển đổi giữa các định dạng màu HEX, RGB và HSL ngay lập tức.

Nhiều Định dạng

Chuyển đổi giữa HEX (#RGB), RGB (đỏ, xanh lá, xanh dương) và HSL (màu sắc, độ bão hòa, độ sáng) với xem trước trực tiếp.

Xem Trực Tiếp

Xem màu sắc trong thời gian thực khi bạn gõ. Ngay lập tức hình dung cách màu sắc của bạn trông như thế nào trước khi sử dụng.

Sao chép vào Clipboard

Sao chép một lần nhấp cho bất kỳ định dạng nào. Ngay lập tức dán màu sắc vào CSS, công cụ thiết kế hoặc mã của bạn.

Bảng chọn Màu

Sử dụng bảng chọn màu tích hợp để chọn màu sắc một cách trực quan thay vì gõ mã.

Hiểu Biểu mẫu Màu

Các biểu mẫu màu khác nhau phục vụ các mục đích khác nhau trong thiết kế và phát triển. HEX (thập lục phân) là tiêu chuẩn web, RGB đại diện cho cách màn hình hiển thị màu sắc, và HSL mô tả màu sắc bằng các thuật ngữ thân thiện với con người. Mỗi định dạng có những lợi thế riêng: HEX ngắn gọn, RGB trực quan cho các hiển thị kỹ thuật số, và HSL giúp dễ dàng tạo ra các biến thể màu sắc bằng cách điều chỉnh độ sáng hoặc độ bão hòa.

Trường hợp Sử dụng cho Chuyển đổi Màu

Các nhà thiết kế web chuyển đổi màu sắc để phù hợp với yêu cầu CSS, các nhà thiết kế đồ họa dịch màu sắc thương hiệu giữa các công cụ, và các nhà phát triển điều chỉnh bảng màu một cách lập trình. HEX hoàn hảo cho CSS và HTML, RGB hoạt động tốt cho các thao tác canvas JavaScript và xử lý hình ảnh, và HSL xuất sắc trong việc tạo ra bảng màu bằng cách thay đổi hệ thống độ sắc, độ bão hòa hoặc độ sáng cho các thiết kế nhất quán.

Hiểu Biểu mẫu Màu

HEX sử dụng ký hiệu cơ sở-16 (0-9, A-F) nơi #RRGGBB đại diện cho các thành phần đỏ, xanh lá và xanh dương. RGB sử dụng giá trị thập phân (0-255) cho mỗi kênh màu. HSL tách riêng độ sắc (0-360°, vị trí trên bánh xe màu), độ bão hòa (0-100%, cường độ màu), và độ sáng (0-100%, độ sáng). Việc chuyển đổi giữa chúng yêu cầu các công thức toán học - công cụ của chúng tôi xử lý những điều này tự động.

Câu hỏi Thường gặp về Chuyển đổi Màu