Đăng nhập vào tài khoản của bạn

Chào mừng trở lại

Chọn loại mục để thêm vào bộ sưu tập này

Bộ sưu tập của bạn đã được tạo thành công

Bộ sưu tập này sẽ chứa những gì?

Thêm bộ sưu tập để sắp xếp các mục của bạn

Đã thêm mục vào bộ sưu tập thành công

Mục đã bị xóa khỏi bộ sưu tập

Tạo bộ sưu tập đầu tiên của bạn để sắp xếp màu sắc

Thêm màu sắc, bảng màu hoặc độ dốc vào bộ sưu tập này

Xem và quản lý các mục bộ sưu tập

Ba màu có cùng độ sáng và độ bão hòa với các sắc thái nằm cạnh nhau trên bánh xe màu, cách nhau 30 độ. Chuyển tiếp mượt mà.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

Sử dụng độ tương phản và hoa văn cùng với màu sắc để truyền tải thông tin.

Thiết kế tốt hơn

Mù xanh vàng (Tritanopia)

Mã màu

Kiểm tra độ tương phản

Kiểm tra cách những người có các loại mù màu khác nhau cảm nhận màu sắc để tạo ra các thiết kế dễ tiếp cận hơn. Hiểu rõ về nhận thức màu sắc giúp đảm bảo nội dung của bạn dễ tiếp cận với tất cả mọi người.

Trình tạo Gradient

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

Tạo một tài khoản miễn phí để mô phỏng cách màu sắc hiển thị với những người mắc các loại mù màu khác nhau.

Đăng ký để truy cập Trình mô phỏng mù lòa

Đây là cách màu sắc xuất hiện khi nhìn bằng mắt thường.

Mù đỏ-xanh lá cây (Protanopia)

Công cụ trợ năng liên quan

8% nam giới và 0,5% phụ nữ mắc phải một dạng khiếm khuyết về thị lực màu nào đó.

Sự va chạm

Trình mô phỏng mù

Mù màu hoàn toàn

Bệnh vô sắc tố

Achromatopsia

Bệnh dị tật thứ phát

Deuteranopia

Bất thường về màu đỏ

Protanopia

Tritanomaly

Tritanopia

Mù màu đỏ-xanh lá cây là phổ biến nhất, ảnh hưởng đến cách nhận thức màu đỏ và màu xanh lá cây.

Các loại

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

Công cụ phân tích màu tiên tiến của chúng tôi cung cấp thông tin chi tiết toàn diện về đặc tính màu sắc, sự hài hòa và hiệu ứng tâm lý. Hoàn hảo cho các nhà thiết kế, nhà phát triển và nghệ sĩ muốn tìm hiểu các khía cạnh kỹ thuật và cảm xúc của màu sắc.

Phân tích sự hài hòa màu sắc, tác động tâm lý, thông số kỹ thuật và số liệu về khả năng tiếp cận. Đưa ra quyết định sáng suốt về việc sử dụng màu sắc trong dự án của bạn với những hiểu biết sâu sắc dựa trên dữ liệu và các ứng dụng lý thuyết màu sắc chuyên nghiệp.

Hiểu về phân tích màu sắc

Hiểu biết chuyên sâu về màu sắc và sự hài hòa

Phân tích màu sắc hoàn chỉnh

Màu lạnh - bình tĩnh và chuyên nghiệp

Phân tích các đặc tính màu sắc bằng các số liệu nâng cao, bao gồm thành phần quang phổ, độ tinh khiết màu, hiệu ứng đồng phân và đặc điểm nhận thức. Các công cụ này cung cấp thông tin chi tiết sâu sắc về hành vi và hình thức màu sắc trong các điều kiện xem khác nhau.

Thiết yếu cho việc tạo dựng bản sắc thương hiệu thống nhất, đảm bảo sự hài hòa màu sắc trong thiết kế và duy trì tính nhất quán trên cả phương tiện kỹ thuật số và in ấn. Công cụ phân tích màu sắc của chúng tôi cung cấp thông tin chi tiết toàn diện cho các nhà thiết kế chuyên nghiệp.

Thiết kế & Xây dựng thương hiệu

Tạo ra các bảng màu bổ sung, tam phân và tương tự dựa trên mối quan hệ của bánh xe màu

Sự hài hòa màu sắc

Tạo một tài khoản miễn phí để xem số liệu và phân tích màu sắc toàn diện.

Đăng ký để truy cập Phân tích màu sắc

Hiểu tâm lý màu sắc và tác động cảm xúc của màu sắc đối với các chiến dịch tiếp thị. Phân tích cách màu sắc ảnh hưởng đến hành vi người dùng và tỷ lệ chuyển đổi trong các chiến lược tiếp thị kỹ thuật số.

Tiếp thị & Tâm lý học

Truy cập thông số kỹ thuật màu chi tiết bao gồm các giá trị RGB, HSL, LAB và tính toán độ sáng

Số liệu kỹ thuật

Trình tạo bảng màu

Hiểu cách màu sắc xuất hiện dưới các điều kiện ánh sáng khác nhau và đối với nhiều đối tượng khác nhau

Nhận thức thị giác

Màu sắc xuất hiện như thế nào trong mắt con người, bao gồm độ tinh khiết, độ nổi trội và độ sáng cảm nhận được.

Thuộc tính nhận thức

Ứng dụng phân tích màu chuyên nghiệp

Khám phá các mối liên hệ về cảm xúc và tâm lý ảnh hưởng đến hành vi và nhận thức của người dùng

Tâm lý màu sắc

Công cụ màu liên quan

Đo màu chính xác dựa trên phép đo màu và phân tích quang phổ cho các ứng dụng kỹ thuật.

Phân tích khoa học

Phân tích màu sắc

Màu ấm - tràn đầy năng lượng và hấp dẫn

Phân tích màu sắc để đảm bảo tuân thủ khả năng truy cập web, tạo mã màu CSS và đảm bảo khả năng đọc tối ưu. Hoàn hảo cho các nhà phát triển front-end tập trung vào trải nghiệm người dùng và hướng dẫn WCAG.

Phát triển web

Mỗi sự hài hòa đều mang một sắc thái riêng. Hãy sử dụng sự hài hòa để tìm ra những sự kết hợp màu sắc phù hợp với nhau.

Sử dụng một màu chủ đạo, hỗ trợ bằng màu phụ và nhấn nhá một cách tiết kiệm.

Đảm bảo độ tương phản đủ để dễ đọc và dễ tiếp cận.

Màu sắc nên kết hợp với nhau để tạo nên trải nghiệm thị giác thống nhất.

Nguyên lý lý thuyết màu sắc

Một màu và màu đối diện của nó trên vòng tròn màu, +180 độ sắc độ. Độ tương phản cao.

Ý nghĩa màu sắc khác nhau tùy theo nền văn hóa, mang ý nghĩa biểu tượng khác nhau trên toàn thế giới.

Văn hoá

Khám phá các khía cạnh nghệ thuật và tâm lý của màu sắc bao gồm các liên tưởng theo mùa, tác động cảm xúc, hiện tượng tự nhiên, sắc tố lịch sử và công thức pha trộn màu sắc cho các ứng dụng sáng tạo.

Tạo một tài khoản miễn phí để khám phá khía cạnh sáng tạo và nghệ thuật của màu sắc.

Đăng ký để truy cập Creative Aspects

Sự xuất hiện tự nhiên của màu sắc truyền cảm hứng cho thiết kế và kết nối chúng ta với môi trường.

Thiên nhiên

Màu sắc ảnh hưởng đến cảm xúc và hành vi thông qua các mối liên hệ tâm lý được hình thành theo thời gian.

Tâm lý

Các khía cạnh sáng tạo

Nhấp vào bất kỳ màu nào để sao chép giá trị hex của màu đó. Những kết hợp này đã được chứng minh về mặt toán học là tạo nên sự hài hòa về mặt thị giác.

Sự hài hòa màu sắc tạo nên sự cân bằng và gợi lên những cảm xúc cụ thể trong thiết kế của bạn.

Nhận thông tin màu hữu ích về màu 123456 như chuyển đổi, kết hợp, mô phỏng tình trạng mù và nhiều thông tin khác.

Bộ chọn màu HTML: 123456

Ba màu có cùng tông màu với giá trị độ sáng +/-50%. Tinh tế và tao nhã.

Màu sắc thiết bị đầu cuối, mã hóa byte và định dạng dữ liệu để sử dụng trong lập trình.

Phát triển

Chuyển đổi màu sắc sang các định dạng thực tế cho các ứng dụng thực tế, bao gồm mô phỏng in ấn, màn hình LED, đầu ra thiết bị đầu cuối và mã hóa dữ liệu. Các định dạng này giúp bạn triển khai màu sắc trên nhiều phương tiện, nền tảng và thiết bị vật lý khác nhau.

Điều khiển dải đèn LED, đèn RGB và phần cứng hiển thị với giá trị chính xác.

Màn hình kỹ thuật số

Tạo một tài khoản miễn phí để xem và sao chép tất cả các giá trị định dạng màu thực tế.

Đăng ký để truy cập Định dạng thực tế

Mô phỏng cách màu sắc hiển thị khi in bằng mực CMYK trên vật liệu vật lý.

In ấn & Sản xuất

Định dạng thực tế

Truy cập ngay vào tất cả các chuyển đổi định dạng màu cho dự án của bạn.

Truy cập tất cả các định dạng thực tế

Các biến thể tối hơn được tạo ra bằng cách thêm màu đen vào màu cơ bản.

Một màu và hai màu liền kề với màu bổ sung, chênh lệch +/-30 độ sắc độ so với giá trị đối diện với màu chính. Đậm nét như màu bổ sung thẳng, nhưng linh hoạt hơn.

Khám phá các biểu diễn không gian màu tiên tiến và mô hình màu chuyên nghiệp được sử dụng trong sản xuất video, nhiếp ảnh, ứng dụng khoa học và hệ thống quản lý màu. Các định dạng kỹ thuật này cung cấp thông số kỹ thuật màu chính xác cho các ngành công nghiệp và ứng dụng chuyên biệt.

Quy trình làm việc chuyên nghiệp yêu cầu định dạng màu cụ thể để đảm bảo tính nhất quán trên nhiều thiết bị và phương tiện.

Tiêu chuẩn công nghiệp

Tạo một tài khoản miễn phí để xem và sao chép tất cả các giá trị định dạng màu kỹ thuật.

Đăng ký để truy cập Định dạng kỹ thuật

Định dạng kỹ thuật

Truy cập ngay vào hơn 10 định dạng màu chuyên nghiệp với khả năng chuyển đổi chính xác và giải thích chi tiết.

Mở khóa tất cả các định dạng kỹ thuật

Các không gian màu khác nhau được tối ưu hóa cho các mục đích cụ thể - từ tái tạo màu sắc chính xác đến nén dữ liệu hiệu quả.

Tại sao nên sử dụng định dạng kỹ thuật

Hai bộ màu bổ sung, cách nhau 60 độ sắc độ.

Các biến thể nhẹ hơn được tạo ra bằng cách thêm màu trắng vào màu cơ bản.

Ba màu được bố trí đều nhau trên vòng tròn màu, mỗi màu cách nhau 120 độ sắc độ. Tốt nhất nên để một màu chủ đạo và sử dụng các màu còn lại làm điểm nhấn.

Mục đích của phần này là tạo ra chính xác các sắc thái (thêm màu trắng tinh khiết) và sắc độ (thêm màu đen tinh khiết) của màu bạn đã chọn theo mức tăng 10%.

Những biến thể này tạo thành nền tảng cho một bảng màu thống nhất. Hãy xuất chúng để duy trì tính nhất quán trong toàn bộ dự án của bạn.

Sử dụng sắc thái cho trạng thái di chuột và bóng đổ, sắc độ cho điểm sáng và nền.

Tên

Liên hệ với chúng tôi

Điều chỉnh thanh trượt để cải thiện độ tương phản của văn bản để dễ đọc hơn

Đây là đoạn văn bản chính thức. Con cáo nâu nhanh nhẹn nhảy qua con chó lười.

Chọn màu bằng công cụ chọn màu cho văn bản và màu nền hoặc nhập màu ở định dạng thập lục phân RGB (ví dụ: # 259 hoặc # 2596BE). Bạn có thể điều chỉnh thanh trượt để chọn màu. Nguyên tắc Hỗ trợ Tiếp cận Nội dung Web (WCAG) có một hướng dẫn cụ thể để giúp tìm ra liệu văn bản có thể đọc được đối với người dùng bị khiếm thị hay không. Tiêu chí này sử dụng một thuật toán cụ thể để ánh xạ các kết hợp màu sắc thành các tỷ lệ có thể so sánh được. Sử dụng công thức này, WCAG tuyên bố rằng tỷ lệ tương phản màu 4,5: 1 với văn bản và nền của nó là đủ cho văn bản thông thường (nội dung) và văn bản lớn (18+ pt thường hoặc 14+ pt đậm) phải có ít nhất 3: 1 tỷ lệ tương phản màu.

Kiểm tra các kết hợp màu sắc để đảm bảo chúng đáp ứng các tiêu chuẩn trợ năng WCAG về khả năng đọc văn bản.

Công cụ kiểm tra độ tương phản màu: Với công cụ trực tuyến này, bạn có thể nhận được thông tin chi tiết về tỷ lệ tương phản của văn bản và màu nền 123456. 

 Bộ kiểm tra độ tương phản màu: 123456

Điều này cho thấy màu sắc trông như thế nào khi đảo ngược, hữu ích cho chế độ tối/sáng.

Đây là văn bản ví dụ với một

Con cáo nâu nhanh nhẹn nhảy qua con chó lười

Tiêu đề xem trước

Đây là đoạn văn bản nhỏ để kiểm tra khả năng đọc.

Đây là văn bản nhỏ nhưng vẫn có thể đọc được.

Đăng ký miễn phí để truy cập 5 gợi ý màu sắc thông minh giúp duy trì sự sống động trong khi vẫn đáp ứng các tiêu chuẩn trợ năng WCAG.

Mở khóa Gợi ý Màu sắc Thông minh

Tỷ lệ tương phản được cải thiện 7:1 cho văn bản thường và 4,5:1 cho văn bản lớn. Được khuyến nghị để có khả năng truy cập tối ưu.

Tỷ lệ tương phản tối thiểu là 4,5:1 cho văn bản thường và 3:1 cho văn bản lớn. Yêu cầu đối với hầu hết các trang web.

Mức độ tuân thủ WCAG

Nguyên tắc của WCAG đảm bảo nội dung của bạn có thể truy cập được đối với người dùng khiếm thị.

Tiêu chuẩn WCAG

Đã đạt đến số lượng tối đa 10 màu

Đã đạt được số lượng tối thiểu 4 màu

Cần chú ý

Để sử dụng tính năng này, bạn cần tạo một tài khoản người truy cập hình ảnh MIỄN PHÍ. Bạn sẽ có quyền truy cập vào nhiều chức năng hơn sau đó.

Tạo một bảng màu mới

Quản lý bảng màu và gradient đã lưu của bạn

Xem và quản lý các gradient đã lưu của bạn

Độ dốc của bạn

Xem và quản lý bảng màu đã lưu của bạn

Bảng màu của bạn

Bảng điều khiển

Chỉnh sửa bảng màu của bạn

Tạo các dải màu tuyệt đẹp bằng Trình tạo dải màu từ imagecolorpicker.com. Chọn từ các gradient tuyến tính và xuyên tâm, thêm nhiều màu, xoay gradient, lưu và chia sẻ sáng tạo của bạn. Tải xuống mã CSS trực tiếp và tích hợp liền mạch các gradient vào dự án của bạn.

Tạo hiệu ứng chuyển màu tuyệt đẹp với Gradient Maker từ imagecolorpicker.com. Chọn từ gradient tuyến tính và xuyên tâm, thêm nhiều màu, xoay gradient, lưu và chia sẻ tác phẩm của bạn. Tải xuống mã CSS trực tiếp và tích hợp gradient vào dự án của bạn một cách liền mạch.

Chỉnh sửa độ dốc của bạn

Tiêu đề gradient là bắt buộc

Trình tạo Dải màu - Tạo các dải màu tuyến tính và xuyên tâm tuyệt đẹp | imagecolorpicker.com

Độ dốc

Tạo mã màu, biến thể, sự hài hòa và kiểm tra tỷ lệ tương phản.

Trình tạo và chọn mã màu

Tạo hiệu ứng chuyển màu đẹp mắt một cách dễ dàng - tùy chỉnh màu sắc, hướng và xuất tác phẩm của bạn.

Quản lý và sắp xếp bảng màu yêu thích của bạn.

Bảng màu đã lưu của bạn

Xem và khám phá gradient được chia sẻ này.

Gradient chia sẻ

Xem và khám phá bảng màu chung này.

Bảng màu chung

Chúng tôi nhận thấy bạn đang sử dụng trình chặn quảng cáo. Không sao cả! Bạn có thể ủng hộ chúng tôi bằng một khoản đóng góp nhỏ để duy trì công cụ này miễn phí cho hàng triệu người dùng. Mỗi tách cà phê sẽ giúp chúng tôi duy trì và cải thiện dịch vụ.

Đã phát hiện trình chặn quảng cáo - Hãy ủng hộ chúng tôi bằng một tách cà phê!

Sử dụng công cụ chọn màu hình ảnh trực tuyến ở trên để chọn màu và lấy Mã màu HTML của pixel này. Bạn cũng sẽ nhận được giá trị mã màu HEX, giá trị RGB và giá trị HSV. Trong mục "Sử dụng hình ảnh của bạn", bạn có thể tải lên hình ảnh của riêng mình (ví dụ: ảnh chụp màn hình máy tính), dán ảnh từ bảng nhớ tạm, nhập URL hình ảnh vào hộp văn bản bên dưới. Hoặc sử dụng URL trang web, bạn sẽ thấy hình thu nhỏ ở bên trái.

Thả tệp hình ảnh để tải lên. Định dạng được hỗ trợ: PNG, JPG, JPEG.

Tải hình ảnh lên

Công cụ chọn màu: Với công cụ trực tuyến này, bạn có thể tải lên hình ảnh hoặc cung cấp URL trang web và nhận mã Màu RGB, Màu HEX và Màu HSL. 👍

👍 Bộ chọn màu trực tuyến | Bộ chọn màu HEX | Công cụ chọn màu HTML

Nếu bạn đang sử dụng máy Mac hoặc máy tính có hệ điều hành hiện tại và trình duyệt hiện tại thì bạn có thể sử dụng tính năng này. Safari, Edge, Firefox và Chrome đã được chúng tôi thử nghiệm. Giao diện có thể khác một chút.

Bạn có thể sử dụng tính năng này miễn phí 3 lần, sau đó xem quảng cáo ngắn để biết thêm 3 lần sử dụng nữa. Sự ủng hộ của bạn giúp chúng tôi duy trì công cụ này miễn phí cho hơn 3 triệu người dùng trên toàn thế giới.

Xem quảng cáo 15 giây để tiếp tục sử dụng miễn phí

Bạn đã sử dụng tính năng này 3 lần!

Tạo một tài khoản miễn phí để bỏ qua quảng cáo bất cứ lúc nào

Chúng ta vẫn đang ở giai đoạn đầu của hành trình chọn màu, sẽ còn nhiều tính năng hơn nữa được ra mắt, điều đó rất đáng giá.

Nhập địa chỉ email của bạn và chúng tôi sẽ gửi cho bạn một liên kết an toàn để đăng nhập.

Tiêu đề bảng màu là bắt buộc

Bạn chưa lưu bảng màu. Lưu một cái và bạn sẽ tìm thấy nó ở đây.

Bảng màu được chia sẻ với bạn không còn tồn tại, có thể nó đã bị người tạo xóa. Liên hệ với người mà bạn nhận được liên kết này.

Bảng màu

Tiêu đề là bắt buộc

Đặt tên và mô tả cho dự án của bạn

Sắp xếp màu sắc, bảng màu và độ dốc của bạn thành các dự án và bộ sưu tập

Dự án của tôi

Dự án của bạn đã được tạo thành công

Tổ chức các tài sản thiết kế của bạn thành các dự án

Trang web này được thực hiện thông qua quảng cáo. Bạn có một trình chặn. Chúng tôi hiểu rằng bạn sẽ không thấy quảng cáo. Trang web này chúng tôi tốn tiền để chạy và duy trì. Chúng tôi rất hài lòng về mỗi cà phê!

ImageColorPicker.com

Wall of

Những người ủng hộ gần đây ☕

What People Say About Us