Skip to main content
appkiro.com
Màu sắc

Đổi tên màu CSS (Colortone) sang RGB

Chuyển tên màu CSS (Colortone) thường dùng cho CSS keyword dễ đọc và nhãn swatch thân thiện thành ba kênh đỏ, lục và lam dạng số nguyên trong sRGB, phù hợp với canvas, dữ liệu pixel, CSS và API đồ họa.

Giá trị được chuyển đổi ngay trên trang bằng các hàm TypeScript cục bộ; phép tính này không cần tải màu lên server.

1. Nhập giá trị Tên màu

Chọn màu trực quan, dùng thanh trượt hoặc dán giá trị.

HSLHSV

Màu mẫu

2. Xem trước trực tiếp

rgb(255, 99, 71)

tomato

Xem trước

Gốc

rgb(255, 99, 71)

Làm sáng 20%

rgb(255, 130, 108)

Làm tối 20%

rgb(204, 79, 57)

Bổ túc

rgb(71, 227, 255)

Thông tin màu

Tên màu:tomatoĐộ sáng:56%Độ chói:0.306Tương phản với trắng:2.95 : 1Tương phản với đen:7.13 : 1

So sánh trực quan

Aa

Với chữ trắng

Aa

Với chữ đen

3. Kết quả

rgb(255, 99, 71)

Định dạng khác

HEX#FF6347
RGBrgb(255, 99, 71)
RGBArgba(255, 99, 71, 1)
HSLhsl(9, 100%, 64%)
HSLAhsla(9, 100%, 64%, 1)
HSVhsv(9, 72%, 100%)
CMYKcmyk(0%, 61%, 72%, 0%)
Tên màutomato

Bảng màu

Bạn có biết?

Bạn có thể lấy màu trên màn hình khi trình duyệt hỗ trợ EyeDropper API.

Trả lời nhanh

Chuyển tên màu CSS (Colortone) thường dùng cho CSS keyword dễ đọc và nhãn swatch thân thiện thành ba kênh đỏ, lục và lam dạng số nguyên trong sRGB, phù hợp với canvas, dữ liệu pixel, CSS và API đồ họa. Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng COLORTONE → RGB → COLORTONE khác giá trị ban đầu.

Công cụ này làm gì

Chuyển tên màu CSS (Colortone) thường dùng cho CSS keyword dễ đọc và nhãn swatch thân thiện thành ba kênh đỏ, lục và lam dạng số nguyên trong sRGB, phù hợp với canvas, dữ liệu pixel, CSS và API đồ họa. Dùng trang tập trung này khi nguồn đã là tên màu CSS (Colortone) và hệ thống tiếp theo cần riêng RGB; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc.

Khả năng đã xác minh

Dữ liệu đầu vào COLORTONE hợp lệ

Chọn một tên màu CSS trong danh sách tích hợp. Tên được chuẩn hóa và đối sánh không phân biệt hoa thường.

Đọc kết quả RGB

ba kênh đỏ, lục và lam dạng số nguyên trong sRGB

Kiểm tra giới hạn chính xác

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng COLORTONE → RGB → COLORTONE khác giá trị ban đầu. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại.

Khi nào nên dùng

  • Dùng trang tập trung này khi nguồn đã là tên màu CSS (Colortone) và hệ thống tiếp theo cần riêng RGB; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc.
  • Chuyển tên màu CSS (Colortone) thường dùng cho CSS keyword dễ đọc và nhãn swatch thân thiện thành ba kênh đỏ, lục và lam dạng số nguyên trong sRGB, phù hợp với canvas, dữ liệu pixel, CSS và API đồ họa.
  • COLORTONE → RGB: canvas, dữ liệu pixel, CSS và API đồ họa.

Cách sử dụng

  1. Nhập màu nguồn

    Chọn một tên màu CSS trong danh sách tích hợp. Tên được chuẩn hóa và đối sánh không phân biệt hoa thường. Trong mục “Cách sử dụng: Nhập màu nguồn”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

  2. Kiểm tra bản xem trước đã chuẩn hóa

    Dùng thanh trượt, ô nhập trực tiếp, swatch mẫu hoặc bộ chọn hệ thống khi có. Bản xem trước cho thấy bước chuẩn hóa trước khi định dạng RGB.

  3. Sao chép giá trị đích

    Sao chép dòng RGB. Các dòng khác vẫn hiện để đối chiếu nhưng mục đích của trang là COLORTONE → RGB.

  4. Kiểm tra giới hạn chính xác

    Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng COLORTONE → RGB → COLORTONE khác giá trị ban đầu. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại. Dùng bản xem trước để phát hiện lỗi phân tích trước khi sao chép dòng RGB.

Giải thích tùy chọn

Dữ liệu đầu vào COLORTONE hợp lệ

Chọn một tên màu CSS trong danh sách tích hợp. Tên được chuẩn hóa và đối sánh không phân biệt hoa thường. Trong mục “Giải thích tùy chọn: Dữ liệu đầu vào COLORTONE hợp lệ”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

Đọc kết quả RGB

ba kênh đỏ, lục và lam dạng số nguyên trong sRGB. Khu vực chuyển đổi giả định kênh sRGB 0–255 và làm tròn giá trị sau chuẩn hóa.

Kết quả được tạo như thế nào

Chọn một tên màu CSS trong danh sách tích hợp. Tên được chuẩn hóa và đối sánh không phân biệt hoa thường. Khu vực chuyển đổi đưa dữ liệu đầu vào về bộ ba sRGB rồi định dạng thành ba kênh đỏ, lục và lam dạng số nguyên trong sRGB. Colortone là nhãn AppKiro dùng cho việc tra tên màu CSS, không phải không gian màu chuẩn. Chiều đổi sang tên dùng khoảng cách Euclid trong RGB. Khu vực chuyển đổi giả định kênh sRGB 0–255 và làm tròn giá trị sau chuẩn hóa.

Độ chính xác và giới hạn

  • Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng COLORTONE → RGB → COLORTONE khác giá trị ban đầu.
  • Colortone là nhãn AppKiro dùng cho việc tra tên màu CSS, không phải không gian màu chuẩn. Chiều đổi sang tên dùng khoảng cách Euclid trong RGB.
  • Khu vực chuyển đổi giả định kênh sRGB 0–255 và làm tròn giá trị sau chuẩn hóa.

Xử lý và quyền riêng tư

Giá trị được chuyển đổi ngay trên trang bằng các hàm TypeScript cục bộ; phép tính này không cần tải màu lên server.

Mẹo sử dụng

  • Giữ lại giá trị COLORTONE gốc khi đối chiếu kết quả RGB đã làm tròn.
  • Dùng bản xem trước để phát hiện lỗi phân tích trước khi sao chép dòng RGB.

Xử lý sự cố

Vì sao dữ liệu đầu vào COLORTONE bị từ chối?

Chọn một tên màu CSS trong danh sách tích hợp. Tên được chuẩn hóa và đối sánh không phân biệt hoa thường. Trong mục “Xử lý sự cố: Vì sao dữ liệu đầu vào COLORTONE bị từ chối?”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

Vì sao đổi COLORTONE sang RGB rồi đổi ngược lại cho kết quả khác?

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng COLORTONE → RGB → COLORTONE khác giá trị ban đầu. Trong mục “Xử lý sự cố: Vì sao đổi COLORTONE sang RGB rồi đổi ngược lại cho kết quả khác?”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

Kiểm tra giới hạn chính xác

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng COLORTONE → RGB → COLORTONE khác giá trị ban đầu. Đặt lại công cụ rồi thử bằng giá trị chắc chắn được hỗ trợ trước khi kết luận lỗi thuật toán.

Câu hỏi về công cụ

Khi nào nên dùng riêng bộ đổi COLORTONE sang RGB?

Dùng trang tập trung này khi nguồn đã là tên màu CSS (Colortone) và hệ thống tiếp theo cần riêng RGB; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc. Trong mục “Khi nào nên dùng riêng bộ đổi COLORTONE sang RGB?”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

Vì sao dữ liệu đầu vào COLORTONE bị từ chối?

Chọn một tên màu CSS trong danh sách tích hợp. Tên được chuẩn hóa và đối sánh không phân biệt hoa thường. Trong mục “Vì sao dữ liệu đầu vào COLORTONE bị từ chối?”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

Vì sao đổi COLORTONE sang RGB rồi đổi ngược lại cho kết quả khác?

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng COLORTONE → RGB → COLORTONE khác giá trị ban đầu. Trong mục “Vì sao đổi COLORTONE sang RGB rồi đổi ngược lại cho kết quả khác?”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

Tên màu CSS gần nhất được chọn như thế nào?

Colortone là nhãn AppKiro dùng cho việc tra tên màu CSS, không phải không gian màu chuẩn. Chiều đổi sang tên dùng khoảng cách Euclid trong RGB. Trong mục “Tên màu CSS gần nhất được chọn như thế nào?”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

Kết quả RGB dùng cú pháp nào?

ba kênh đỏ, lục và lam dạng số nguyên trong sRGB. canvas, dữ liệu pixel, CSS và API đồ họa. Khu vực chuyển đổi giả định kênh sRGB 0–255 và làm tròn giá trị sau chuẩn hóa.

Dữ liệu đầu vào COLORTONE được chuẩn hóa thế nào trước khi đổi?

Chọn một tên màu CSS trong danh sách tích hợp. Tên được chuẩn hóa và đối sánh không phân biệt hoa thường. Colortone là nhãn AppKiro dùng cho việc tra tên màu CSS, không phải không gian màu chuẩn. Chiều đổi sang tên dùng khoảng cách Euclid trong RGB.

Tiếp tục quy trình màu

Dùng trang tập trung này khi nguồn đã là tên màu CSS (Colortone) và hệ thống tiếp theo cần riêng RGB; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc. Trong mục “Tiếp tục quy trình màu”, lưu ý này áp dụng riêng cho Đổi tên màu CSS (Colortone) sang RGB.

Tiếp tục bằng công cụ liên quan

Mở trang liên quan đầu tiên khi cần làm tiếp sau phép đổi COLORTONE → RGB chuyên biệt.

Đổi mã màu HEX, RGB, HSL, LAB và OKLCH