Cung cấp giá trị ban đầu
Đọc một ký pháp màu được hỗ trợ và hiển thị đồng bộ HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH cùng bản xem trước.
Nhập giá trị màu hợp lệ để xem kết quả chuyển đổi
Trả lời nhanh
Đọc một ký pháp màu được hỗ trợ và hiển thị đồng bộ HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH cùng bản xem trước. Chuyển đổi có thể mất độ chính xác do làm tròn và giới hạn sRGB. Alpha, từ khóa CSS Color 4 `none` và mọi đơn vị sắc độ không được tất cả bộ phân tích cú pháp ở đây hỗ trợ.
Công cụ này làm gì
Đọc một ký pháp màu được hỗ trợ và hiển thị đồng bộ HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH cùng bản xem trước. Đối chiếu các biểu diễn trước khi chuyển màu giữa CSS, phần mềm thiết kế và quy trình chỉnh màu theo cảm nhận.
Khả năng đã xác minh
Điều chỉnh tùy chọn cần thiết
Phần xử lý dùng các hàm chuyển đổi nội bộ. LAB/LCH dùng giá trị tham chiếu D65 có trong mã nguồn; khi đổi ngược để hiển thị, RGB được giới hạn theo biên kênh.
Kiểm tra giới hạn chính xác
Chuyển đổi có thể mất độ chính xác do làm tròn và giới hạn sRGB. Alpha, từ khóa CSS Color 4 `none` và mọi đơn vị sắc độ không được tất cả bộ phân tích cú pháp ở đây hỗ trợ. Đố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
- Đối chiếu các biểu diễn trước khi chuyển màu giữa CSS, phần mềm thiết kế và quy trình chỉnh màu theo cảm nhận.
- Phần xử lý dùng các hàm chuyển đổi nội bộ. LAB/LCH dùng giá trị tham chiếu D65 có trong mã nguồn; khi đổi ngược để hiển thị, RGB được giới hạn theo biên kênh. Trong mục “Khi nào nên dùng 2”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
- Đối chiếu các biểu diễn trước khi chuyển màu giữa CSS, phần mềm thiết kế và quy trình chỉnh màu theo cảm nhận. Dùng công cụ liên quan đầu tiên để tiếp tục từ kết quả của Đổi mã màu HEX, RGB, HSL, LAB và OKLCH mà không đổi ngôn ngữ.
Cách sử dụng
Cung cấp giá trị ban đầu
Đọc một ký pháp màu được hỗ trợ và hiển thị đồng bộ HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH cùng bản xem trước. Trong mục “Cách sử dụng: Cung cấp giá trị ban đầu”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Điều chỉnh tùy chọn cần thiết
Phần xử lý dùng các hàm chuyển đổi nội bộ. LAB/LCH dùng giá trị tham chiếu D65 có trong mã nguồn; khi đổi ngược để hiển thị, RGB được giới hạn theo biên kênh. Trong mục “Cách sử dụng: Điều chỉnh tùy chọn cần thiết”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Kiểm tra và tiếp tục
Đối chiếu các biểu diễn trước khi chuyển màu giữa CSS, phần mềm thiết kế và quy trình chỉnh màu theo cảm nhận. Trong mục “Cách sử dụng: Kiểm tra và tiếp tục”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Kiểm tra giới hạn chính xác
Chuyển đổi có thể mất độ chính xác do làm tròn và giới hạn sRGB. Alpha, từ khóa CSS Color 4 `none` và mọi đơn vị sắc độ không được tất cả bộ phân tích cú pháp ở đây hỗ trợ. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại. Đọc giới hạn đã nêu trước khi dùng kết quả cho quyết định môi trường thực tế hoặc khả năng tiếp cận.
Giải thích tùy chọn
Cung cấp giá trị ban đầu
Đọc một ký pháp màu được hỗ trợ và hiển thị đồng bộ HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH cùng bản xem trước. Trong mục “Giải thích tùy chọn: Cung cấp giá trị ban đầu”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Điều chỉnh tùy chọn cần thiết
Phần xử lý dùng các hàm chuyển đổi nội bộ. LAB/LCH dùng giá trị tham chiếu D65 có trong mã nguồn; khi đổi ngược để hiển thị, RGB được giới hạn theo biên kênh. Trong mục “Giải thích tùy chọn: Điều chỉnh tùy chọn cần thiết”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Kết quả được tạo như thế nào
Phần xử lý dùng các hàm chuyển đổi nội bộ. LAB/LCH dùng giá trị tham chiếu D65 có trong mã nguồn; khi đổi ngược để hiển thị, RGB được giới hạn theo biên kênh. Trong mục “Kết quả được tạo như thế nào”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Độ chính xác và giới hạn
- Chuyển đổi có thể mất độ chính xác do làm tròn và giới hạn sRGB. Alpha, từ khóa CSS Color 4 `none` và mọi đơn vị sắc độ không được tất cả bộ phân tích cú pháp ở đây hỗ trợ.
- Bộ nhớ tạm, giải mã tệp, tải xuống và tùy chọn cần quyền phụ thuộc khả năng của trình duyệt hiện tại.
Xử lý và quyền riêng tư
Quy trình đã xác minh chạy trong trình duyệt. Tệp và giá trị màu ở lại trên trang, trừ khi một tùy chọn ghi rõ việc mở URL mạng.
Mẹo sử dụng
- Bắt đầu từ mẫu đã biết rồi chỉ đổi từng tùy chọn để dễ hiểu tác động.
- Đọc giới hạn đã nêu trước khi dùng kết quả cho quyết định môi trường thực tế hoặc khả năng tiếp cận.
Xử lý sự cố
Dữ liệu đầu vào hoặc thao tác không hoạt động
Kiểm tra phạm vi hoặc yêu cầu tệp đang hiển thị, đặt lại công cụ rồi thử dữ liệu đầu vào nhỏ hơn hoặc được trình duyệt hỗ trợ. Tùy chọn cần quyền có thể yêu cầu ngữ cảnh bảo mật.
Độ chính xác và giới hạn
Chuyển đổi có thể mất độ chính xác do làm tròn và giới hạn sRGB. Alpha, từ khóa CSS Color 4 `none` và mọi đơn vị sắc độ không được tất cả bộ phân tích cú pháp ở đây hỗ trợ. Trong mục “Xử lý sự cố: Độ chính xác và giới hạn”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Kiểm tra giới hạn chính xác
Chuyển đổi có thể mất độ chính xác do làm tròn và giới hạn sRGB. Alpha, từ khóa CSS Color 4 `none` và mọi đơn vị sắc độ không được tất cả bộ phân tích cú pháp ở đây hỗ trợ. Đặ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ụ
Đổi mã màu HEX, RGB, HSL, LAB và OKLCH làm gì?
Đọc một ký pháp màu được hỗ trợ và hiển thị đồng bộ HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH cùng bản xem trước. Trong mục “Đổi mã màu HEX, RGB, HSL, LAB và OKLCH làm gì?”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Giới hạn quan trọng nhất là gì?
Chuyển đổi có thể mất độ chính xác do làm tròn và giới hạn sRGB. Alpha, từ khóa CSS Color 4 `none` và mọi đơn vị sắc độ không được tất cả bộ phân tích cú pháp ở đây hỗ trợ. Trong mục “Giới hạn quan trọng nhất là gì?”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Dữ liệu được xử lý ở đâu?
Quy trình đã xác minh chạy trong trình duyệt. Tệp và giá trị màu ở lại trên trang, trừ khi một tùy chọn ghi rõ việc mở URL mạng. Trong mục “Dữ liệu được xử lý ở đâu?”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Cần chuẩn bị dữ liệu đầu vào nào cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH?
Đọc một ký pháp màu được hỗ trợ và hiển thị đồng bộ HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH cùng bản xem trước. Đọc một ký pháp màu được hỗ trợ và hiển thị đồng bộ HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH cùng bản xem trước.
Cần kiểm tra gì trước khi dùng kết quả của Đổi mã màu HEX, RGB, HSL, LAB và OKLCH?
Chuyển đổi có thể mất độ chính xác do làm tròn và giới hạn sRGB. Alpha, từ khóa CSS Color 4 `none` và mọi đơn vị sắc độ không được tất cả bộ phân tích cú pháp ở đây hỗ trợ. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại. Trong mục “Cần kiểm tra gì trước khi dùng kết quả của Đổi mã màu HEX, RGB, HSL, LAB và OKLCH?”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Quy trình nào có thể tiếp nối Đổi mã màu HEX, RGB, HSL, LAB và OKLCH?
Dùng công cụ liên quan đầu tiên để tiếp tục từ kết quả của Đổi mã màu HEX, RGB, HSL, LAB và OKLCH mà không đổi ngôn ngữ. Đối chiếu các biểu diễn trước khi chuyển màu giữa CSS, phần mềm thiết kế và quy trình chỉnh màu theo cảm nhận.
Tiếp tục quy trình màu
Đối chiếu các biểu diễn trước khi chuyển màu giữa CSS, phần mềm thiết kế và quy trình chỉnh màu theo cảm nhận. Trong mục “Tiếp tục quy trình màu”, lưu ý này áp dụng riêng cho Đổi mã màu HEX, RGB, HSL, LAB và OKLCH.
Tiếp tục bằng công cụ liên quan
Dùng công cụ liên quan đầu tiên để tiếp tục từ kết quả của Đổi mã màu HEX, RGB, HSL, LAB và OKLCH mà không đổi ngôn ngữ.
Kiểm tra độ tương phản màu theo WCAG