Màu tương tự

Nhập một màu để tìm các sắc độ HEX và RGB tương tự và lân cận với nó. Khám phá các biến thể sáng và tối rồi xây dựng bảng màu hài hòa ngay trong trình duyệt.

Màu gốc

Số biến thể: 12

Màu tương tự

Màu gốc

#3357FF

Biến thể

Màu tương tự chỉ hiển thị các điều khiển và kết quả phù hợp với chức năng của nó. Các tùy chọn có thể thay đổi theo công cụ và dữ liệu đầu vào.

Định dạng được hỗ trợ

HEX

RGB

HSL

Cách hoạt động

Bước 1

Mở Màu tương tự và chuẩn bị dữ liệu mà giao diện yêu cầu

Bước 2

Điều chỉnh các điều khiển đang hiển thị theo kết quả cần có

Bước 3

Kiểm tra kết quả trước khi sao chép, xuất hoặc sử dụng lại

Các lỗi thường gặp cần tránh

Không giả định một định dạng hay tùy chọn được hỗ trợ nếu nó không xuất hiện trên giao diện.
Kiểm tra giá trị trước khi dùng trong nhận diện thương hiệu, giao diện hoặc tệp sản xuất.
Nếu dùng cho văn bản hoặc UI, hãy kiểm tra cả độ tương phản.

Mẹo chuyên gia

Giữ giá trị nguồn cùng kết quả khi cần so sánh các biến thể.
Dùng các định dạng thực sự được công cụ hiển thị thay vì tự ước lượng chuyển đổi.
Trên điện thoại và máy tính bảng, cho phép văn bản và điều khiển xuống dòng.

Xử lý dữ liệu

Cách xử lý dữ liệu phụ thuộc vào chức năng được dùng. Phần đồng ý, phân tích và tài khoản của trang web tách biệt với thao tác màu.

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

Nhập một màu để tìm các sắc độ HEX và RGB tương tự và lân cận với nó. Khám phá các biến thể sáng và tối rồi xây dựng bảng màu hài hòa ngay trong trình duyệt. Màu tương tự tập trung vào đúng nhiệm vụ này và không giả định những tính năng không có trên giao diện. Dùng các điều khiển đang hiển thị để có kết quả cần thiết, sau đó kiểm tra giá trị trước khi chuyển sang công cụ khác, stylesheet, tệp thiết kế hoặc tài liệu.

Chuẩn bị dữ liệu đầu vào phù hợp

Bắt đầu với dữ liệu mà Màu tương tự yêu cầu: màu, giá trị, hình ảnh hoặc thiết lập tùy theo màn hình. Các định dạng được nêu trên trang này là HEX, RGB, HSL. Nếu một định dạng hay tùy chọn không xuất hiện trên giao diện, đừng coi nó là phần được hỗ trợ bởi chức năng cụ thể này.

Đọc và kiểm tra kết quả

Đọc kết quả trong bối cảnh thao tác bạn vừa thực hiện. So sánh với giá trị nguồn và xem lại các thiết lập ảnh hưởng đến phép tính. Với công việc hình ảnh quan trọng, hãy kiểm tra kết quả ngay trong giao diện thực tế nơi nó sẽ được sử dụng thay vì chỉ dựa vào mã.

Sử dụng trên điện thoại và máy tính bảng

Màu tương tự dùng bố cục responsive của trang. Tiêu đề, mô tả, breadcrumbs và điều khiển có thể xuống dòng trên màn hình hẹp để bản dịch dài không bị cắt. Tuy vậy, hãy kiểm tra kết quả cuối cùng trên thiết bị và trong bối cảnh mà bạn thực sự sẽ sử dụng.

Dùng lại kết quả trong dự án

Sau khi kiểm tra, chỉ sử dụng các thao tác mà Màu tương tự thực sự cung cấp, như sao chép hoặc xuất khi có. Giữ giá trị nguồn nếu bạn có thể cần tái tạo thiết lập và với màu UI, hãy ghi lại cả vai trò của màu cùng yêu cầu về độ tương phản.