devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt
Kiểm tra website

Công cụ Màu sắc

Chuyển đổi, đặt tên, trộn và kiểm tra màu sắc — với sẵn hỗ trợ OKLCH và APCA hiện đại.

localKiểm tra tương phản màuNhập màu chữ và màu nền để xem tỷ lệ tương phản WCAG chính xác, kết quả đạt/không đạt ở từng mức, điểm…localTạo bảng màu TailwindDán một màu thương hiệu và nhận thang màu 11 bước (50 đến 950) được cân bằng, tính theo OKLCH, kèm gợi ý…localChuyển HEX sang OKLCHDán mã màu HEX và nhận giá trị OKLCH dùng cho CSS. Dùng thanh trượt để tinh chỉnh độ sáng, độ bão hòa và…localChuyển OKLCH sang HEXDán giá trị oklch() để nhận mã HEX tương ứng, cùng với RGB và HSL. Công cụ cũng cho bạn biết khi nào màu…localChuyển HEX sang RGBADán mã HEX, kéo thanh độ mờ và sao chép đúng đoạn CSS bạn cần: rgba() truyền thống, rgb( / alpha) hiện đại…localCSS Variables sang TailwindChuyển các biến màu :root thành theme Tailwind chỉ với một lần dán. Hỗ trợ tailwind.config.js của Tailwind…localChuyển đổi màu OKLCHKhám phá không gian màu OKLCH đồng đều về mặt thị giác với thanh trượt trực tiếp, xem màu có nằm trong…localTìm tên màuDán mã HEX để nhận tên màu dễ đọc gần nhất và tên token gọn gàng cho CSS, SCSS, JavaScript hoặc cấu hình…localTrộn màuChọn hai màu và số bước để có các màu chuyển tiếp pha đều nhau, phù hợp cho gradient, viền, biểu đồ và…localKiểm tra độ tương phản APCATính độ tương phản độ sáng APCA (Lc) giữa chữ và nền, xem chúng phù hợp với những trường hợp nào, và so…localMô phỏng mù màuTải lên ảnh chụp màn hình hoặc thiết kế và xem song song qua tám kiểu suy giảm thị giác màu. Bạn cũng có…localChuyển đổi mã màuDán bất kỳ màu CSS nào — HEX, rgb(), hsl(), hwb(), oklch() hoặc tên màu như tomato — và nhận ngay mọi định…localTrình tạo CSS FilterĐiều chỉnh blur, brightness, contrast, saturation, hue, grayscale, sepia, invert và drop shadow trên ảnh…localTrích xuất bảng màu từ ảnhTìm bảng màu của bất kỳ hình ảnh nào: ảnh chụp, logo, ảnh chụp màn hình hay bản thiết kế. Thả ảnh vào để…localBộ chọn màuChọn bất kỳ màu nào, hoặc lấy màu từ màn hình, rồi sao chép dưới dạng HEX, RGB, HSL hoặc OKLCH. Xem các…