Irodori彩り

Xưởng màu sắc · Irodori 彩り

Công cụ chọn màu miễn phí: trích xuất màu từ mọi ảnh ngay lập tức.

Tải ảnh lên, dán hoặc nhập URL để nhận HEX, RGB, HSL, OKLCH, Lab và CMYK — không cần đăng ký.

Chọn màu Duyệt bảng màu

Chạy hoàn toàn trong trình duyệt. Không tải lên, không cần tài khoản.

朱砂 zhū shā #C3272B สีแสด si saet #EE8B2B 황 hwang #F5B22E 若竹 wakatake #6BA24A Xanh xanh #007A3D 孔雀绿 kong que lu #2E8B72 Biru biru #3A6EA5 जामुनी jamuni #6B3F8C Ягаан yagaan #D96A8B

Bàn làm việc trực tiếp

Bắt đầu với bất kỳ màu nào

Thả ảnh hoặc nhập giá trị. Mọi định dạng cập nhật ngay khi bạn di chuyển.

Chúng tôi coi trọng bảo mật! Ảnh của bạn luôn ở trên thiết bị.

Màu đã chọn

HEX#104E8B
RGBrgb(16, 78, 139)
HSLhsl(210 79% 30%)
Chi tiếtKiểm tra tương phản

Bảng màu

10 màu Nhấp vào màu để sao chép hoặc thay bằng màu mới.
#104E8B#A9D1E3#007A3D#F5B22E#C3272B#77428D#FCE9EE#3A3A40#6A5ACD#D6E8EE

Một màu, nhiều ngôn ngữ

Đọc cùng một màu theo sáu cách

HEX cho CSS, RGB cho màn hình, HSL cho bảng màu, CMYK cho in ấn, OKLCH và Lab cho thiết kế cảm nhận. Tất cả tính trên thiết bị của bạn.

Mở bộ chuyển đổi

Màu truyền thống châu Á

Những màu đã có tên

Chín hệ màu châu Á: Nhật Bản, Trung Quốc, Hàn Quốc, Việt Nam, Thái Lan, Tạng, Ấn Độ, Mông Cổ và batik Indonesia — với tên gốc, cách đọc và HEX chính xác.

Màu truyền thống Nhật Bản 藍 · 群青 · 空色 22
Màu truyền thống Trung Quốc 天青 · 月白 · 缥 22
Màu truyền thống Hàn Quốc 청 · 적 · 황 15
Màu truyền thống Việt Nam Đỏ · Vàng · Trắng 7
Màu truyền thống Thái Lan สีแดง · สีเหลือง · สีชมพู 10
Màu truyền thống Tạng 白云 · 蓝天 · 红火 10
Màu truyền thống Ấn Độ केसर · हल्दी · गुलाल 10
Màu truyền thống Mông Cổ Хөх · Цагаан · Улаан 10
Màu batik Indonesia Soga · Nila · Putih 10
Khám phá bộ sưu tập

Hệ thống thật

Khớp với bảng màu bạn thực sự dùng

Sáu hệ thống thiết kế, lấy trực tiếp từ tệp chính thức — không xấp xỉ.

Tông Material Design 89 Material Web v0.192 · md-ref-palette Bảng màu Tailwind CSS 286 Tailwind CSS v4 · theme.css Bảng màu UnoCSS 264 UnoCSS preset-mini · Tailwind v3 + Windi Token Panda CSS 242 Panda CSS · @pandacss/preset-panda Theme Vanilla Extract 3 vanilla-extract · createTheme docs example Token StyleX 6 StyleX · defineVars docs example Bảng màu Bootstrap 29 Bootstrap v5.3.8 · _variables.scss Bảng màu Ant Design 130 Ant Design · @ant-design/colors 7.2.1 Open Color 130 Open Color 1.9.1 · open-color.js Bảng màu Chakra UI 100 Chakra UI · @chakra-ui/theme 3.4.1 Radix Colors 360 Radix Colors 3.0.0 · light scales Màu thương hiệu Fluent UI 64 Fluent UI · @fluentui/tokens brandColors Bảng màu Primer 20 Primer · @primer/primitives 11.10.0 light Bảng màu Polaris 192 Shopify Polaris · polaris-tokens 9.4.2
Tất cả công cụ

Khả năng tiếp cận

Độ tương phản cũng là quyết định màu

Kiểm tra tỷ lệ WCAG và mô phỏng bốn dạng nhìn màu trước khi phát hành.

WCAG 2.2AA 4.5:1AAA 7:121:1
Kiểm tra tương phảnTương phản WCAG Mô phỏng mù màuMô phỏng mù màu

Câu hỏi thường gặp

Làm thế nào để lấy màu từ ảnh?
Tải ảnh lên, dán từ clipboard hoặc nhập URL ảnh, sau đó nhấp vào ảnh để nhận HEX, RGB, HSL, OKLCH, Lab và CMYK.
Mã màu HEX là gì?
Mã HEX là số thập lục phân sáu chữ số biểu diễn kênh đỏ, lục, lam, ví dụ #FF5733. Đây là định dạng phổ biến nhất trong CSS, công cụ thiết kế và hướng dẫn thương hiệu.
Công cụ này có miễn phí không?
Có. Mọi công cụ trên trang đều miễn phí và không cần đăng ký. Ảnh được xử lý hoàn toàn trong trình duyệt, không tải lên máy chủ.
Hỗ trợ những định dạng màu nào?
HEX, RGB, HSL, OKLCH, Lab, LCH, CMYK, XYZ, LUV, HWB, cùng độ tương phản WCAG và mô phỏng mù màu.
Tôi có thể dùng những màu này trong thiết kế của mình không?
Được. Giá trị màu không bị bảo hộ; hãy sao chép và dùng trong CSS, UI, in ấn hoặc minh họa.

Bảng màu tiếp theo bắt đầu từ đây.

Miễn phí, riêng tư, nhanh. Không cần đăng ký.

Mở công cụ chọn màu