Thiết kế tự tin: chọn màu, tạo bảng màu, kiểm tra tương phản và chuyển đổi định dạng (HEX, RGB, HSL) nhanh và chính xác.
Công cụ màu sắc 20
Tạo CSS border-radius với điều khiển từng góc, đơn vị px/rem/em/% và thuộc tính rút gọn hoặc chi tiết. Xem trực tiếp, sao chép mã CSS sẵn dùng để dán.
Trình tạo CSS clip-path trực quan: kéo điểm, nhập và sửa clip-path có sẵn, sao chép CSS kèm tiền tố -webkit-. Đa giác, tròn, elip, inset.
Tạo hiệu ứng kính mờ hiện đại với CSS backdrop-filter. Chỉnh blur, độ trong suốt, viền. 6 preset, xem trực tiếp, sao chép code sẵn dùng cho sản phẩm.
Công cụ tạo CSS Flexbox trực quan với xem trước trực tiếp. Tinh chỉnh justify-content, align-items, gap, order rồi sao chép CSS (flex shorthand) kèm HTML.
Tạo CSS @keyframes trực quan. 11 preset, xem trước trực tiếp, bảng keyframe chỉnh sửa được, transform + opacity + màu, copy CSS sẵn cho production.
Công cụ trực quan giúp thiết kế đường cong easing cubic-bezier() cho CSS animation. Kéo điểm điều khiển, xem chuyển động trực tiếp và sao chép mã CSS.
Máy tính CSS clamp() miễn phí cho fluid typography với output rem/px, custom properties và type scale kiểu Utopia. Preview trực tiếp cùng kiểm tra zoom WCAG 1.4.4.
Tạo box-shadow xem trước trực tiếp: nhiều lớp, inset, RGBA. Sao chép dạng CSS, class Tailwind hoặc React/JSX. Có preset Material và neumorphism.
Bộ chọn màu pro với phối màu, sắc độ, màu nhạt, gradient, HEX/RGB/HSL/CMYK và tỷ lệ tương phản WCAG trực tiếp kèm huy hiệu AA/AAA.
Chọn màu từ hình ảnh với độ chính xác từng pixel. Lấy mã HEX, RGB, HSL và HSV ngay lập tức. Công cụ miễn phí cho designer và developer.
Đổi màu HEX, RGB, HSL và CMYK kèm xem trước trực tiếp, cùng trình kiểm tra độ tương phản WCAG 2.1 cho text dễ tiếp cận AA/AAA và thiết kế thân thiện với người mù màu.
Kiểm tra độ tương phản màu WCAG 2.1 và APCA miễn phí. Kiểm tra màu chữ và nền theo chuẩn AA/AAA, có kết luận theo cỡ chữ giúp tuân thủ ADA và Section 508.
Mô phỏng 9 loại khiếm thị màu trên ảnh hoặc bảng màu. Thử nghiệm protanopia, deuteranopia, tritanopia, achromatopsia. So sánh song song, tải xuống.
Đổi Kelvin (1000K–40000K) sang HEX, RGB, HSL và mired, kèm công cụ tính gel CTO/CTB cho cân bằng trắng, đèn LED video 5600K và tungsten 3200K.
Tạo phối màu bổ túc, tương đồng, tam giác, tứ giác, bổ túc tách và đơn sắc từ bất kỳ mã HEX, mỗi mẫu màu hiển thị tỉ số tương phản WCAG.
Tạo thang màu đều từ HEX gốc. 4-16 sắc độ và tint kèm kiểm tra tương phản WCAG (AA/AAA) trực tiếp. Xuất CSS, JSON, Tailwind chỉ một cú nhấp.
Trộn hai màu HEX trong OKLab theo cảm nhận để điểm giữa tươi, tạo dải 3-10 mốc và sao chép thành linear-gradient CSS hoặc danh sách HEX.
Tạo bảng màu kèm kiểm tra tương phản WCAG tích hợp. Tạo hài hòa hoặc trích xuất từ ảnh, xuất design token sang CSS, SCSS, JSON cho Tailwind và Figma.
Dán bảng màu HEX chế độ sáng và nhận màu chế độ tối tương ứng qua đảo độ sáng OKLCH. Kiểm tra tương phản WCAG và xuất biến CSS.
Tạo CSS gradient với nội suy cảm nhận OKLCH, kiểm tra tương phản WCAG và xuất Tailwind v4, SVG, design token. Xem trước trực tiếp, code sẵn sao chép.
Chuyển đổi 8 Chuyển đổi màu sắc 8Chuyển đổi giá trị màu CMYK sang RGB ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi CMYK sang RGB trực tuyến miễn phí.
Chuyển đổi mã màu thập lục phân sang giá trị RGB ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi Hex sang RGB trực tuyến miễn phí.
Chuyển đổi giá trị màu HSL sang RGB ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi HSL sang RGB trực tuyến miễn phí.
Chuyển đổi giá trị màu HSV sang RGB ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi HSV sang RGB trực tuyến miễn phí.
Chuyển đổi giá trị màu RGB sang CMYK ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi RGB sang CMYK trực tuyến miễn phí cho thiết kế in ấn.
Chuyển đổi giá trị màu RGB sang mã màu thập lục phân ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi RGB sang Hex trực tuyến miễn phí.
Chuyển đổi giá trị màu RGB sang HSL ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi RGB sang HSL trực tuyến miễn phí.
Chuyển đổi giá trị màu RGB sang HSV ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi RGB sang HSV trực tuyến miễn phí.
Công cụ lập trình 1
Tiện ích 1Tính CSS specificity cho mọi selector. Phân tách màu, so sánh nhiều selector, xử lý :is, :not, :has, :where theo chuẩn W3C.
Công cụ hình ảnh 1Trích xuất màu chủ đạo từ ảnh miễn phí. Lấy 1-16 màu nổi bật nhất bằng thuật toán median-cut. Xuất HEX, RGB, biến CSS và JSON. Chạy ngay trên trình duyệt.
Công cụ Video 1Áp dụng các filter điện ảnh, vintage, đen trắng, sepia, ấm hoặc lạnh cho MP4, WebM, MOV. Tinh chỉnh cường độ, xem trực tiếp và xuất ngay trên trình duyệt.
Giúp chúng tôi cải thiện bằng cách chia sẻ ý kiến
Phản hồi của bạn đã được ghi nhận. Chúng tôi rất trân trọng thời gian bạn dành để giúp chúng tôi cải thiện.
