Bob's Multi Tool

Color converter

ColorMàu sắcRiêng tư: Cục bộ trên trình duyệt

Color converter

Chuyển đổi màu HEX, RGB và HSL, đồng thời kiểm tra tương phản WCAG giữa màu chữ và nền.

Nhập / Kết quả

Bắt đầu bằng công cụ

Đầu vào, kết quả và thao tác sao chép nằm trong vùng chính này. Ví dụ và kiểm tra được tách xuống dưới.

Kết quả sẵn sàng sao chép

Phiên cục bộ

Trạng thái nhập chỉ lưu trong trình duyệt này để khôi phục lần làm việc trước mà không cần tài khoản.

Kiểm tra sau khi có kết quả

Chỉ mở ví dụ, danh sách kiểm tra và công cụ liên quan sau khi hoàn tất luồng đầu vào/kết quả.

Bàn vận hành web

Kiểm tra hỗ trợ tiếp cận màu

Chuyển màu chữ/nền, sao chép báo cáo tương phản WCAG, rồi kiểm tra token CSS và asset hình ảnh trước khi phát hành.

3 Công cụ
  1. 1. Color

    Chuyển cặp HEX/RGB/HSL, kiểm tra AA/AAA rồi sao chép báo cáo hỗ trợ tiếp cận.

  2. 2. CSS

    Kiểm tra tên token CSS, selector và giá trị màu trùng trước khi commit.

  3. 3. Favicon

    Kiểm tra chữ viết tắt thương hiệu hoặc icon nhỏ có còn rõ trên nền đã chọn không.

Kiểm tra data URL ảnh

Xem trước ảnh Base64, xác nhận MIME type rồi kiểm tra tương phản trước khi chia sẻ.

3 Công cụ
  1. 1. Base64

    Nhận diện byte ảnh và xem data URL mà không sao chép văn bản nhị phân.

  2. 2. MIME

    Xác nhận đuôi file và content type của ảnh.

  3. 3. Color

    Kiểm tra tương phản khi ảnh dùng trong QR, badge hoặc nền tài liệu.

Review snippet CSS

Định dạng snippet CSS, sao chép báo cáo review CSS rồi kiểm tra nén và tương phản màu.

3 Công cụ
  1. 1. CSS

    Định dạng snippet và sao chép báo cáo có selector, token, cascade, specificity và checklist.

  2. 2. CSS Min

    Nếu chia sẻ CSS rút gọn, kiểm tra nén, xóa comment và báo cáo minify.

  3. 3. Color

    Kiểm tra token màu theo tương phản WCAG khi snippet đổi màu chữ hoặc nền.

Trước khi sao chép

  • Đối chiếu lại đầu vào gốc với dạng kết quả.
  • Kiểm tra khác biệt về runtime, mã hóa, múi giờ và chính sách bảo mật.
  • Dùng công cụ liên quan để xác nhận kết quả Color converter phù hợp với bước tiếp theo.

Lỗi thường gặp

  • Chuyển đổi màu HEX, RGB và HSL, đồng thời kiểm tra tương phản WCAG giữa màu chữ và nền.
  • Nếu chế độ Cục bộ trên trình duyệt không khớp với dạng đầu vào thật, đừng tin kết quả khi chưa kiểm tra.

Công cụ liên quan

ClampTạo giá trị CSS clamp() từ min/max cho font-size và khoảng cách responsive.Bước tiếp theo: Tạo giá trị CSS clamp() từ min/max cho font-size và khoảng cách responsive.CSS UnitChuyển đổi px, rem, em và phần trăm cho tính toán bố cục và typography CSS.Bước tiếp theo: Chuyển đổi px, rem, em và phần trăm cho tính toán bố cục và typography CSS.FaviconTạo SVG favicon đơn giản từ văn bản và màu, kèm tag link HTML cho trang.Bước tiếp theo: Tạo SVG favicon đơn giản từ văn bản và màu, kèm tag link HTML cho trang.
  • Đối chiếu lại đầu vào gốc với dạng kết quả.
  • Kiểm tra khác biệt về runtime, mã hóa, múi giờ và chính sách bảo mật.
  • Dùng công cụ liên quan để xác nhận kết quả Color converter phù hợp với bước tiếp theo.
Color converter - công cụ Màu sắc trực tuyến miễn phí | bobob.app