Công cụ Màu sắc

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.

31 công cụ có sẵn

Công cụ màu sắc 20

Border Radius Generator

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.

CSS Clip-path Maker

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.

Glassmorphism Generator

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.

Tạo Flexbox

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.

CSS Animation

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.

Cubic Bezier

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 clamp()

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 Bóng Đổ

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ảng Màu Pro

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.

Bộ chọn màu từ hình ảnh

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.

Chuyển đổi Màu

Đổ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

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 Mù Màu

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.

Nhiệt độ màu

Đổ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.

Phối màu hài hòa

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.

Sắc độ màu

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 Màu

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

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.

Tạo Cặp Màu Chế Độ Tối

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 Gradient

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 8

cmyk sang rgb

Chuyể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í.

hex sang rgb

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í.

hsl sang rgb

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í.

hsv sang rgb

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í.

rgb sang cmyk

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.

rgb sang hex

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í.

rgb sang hsl

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í.

rgb sang hsv

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 1

CSS Specificity

Tí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 1

Trích xuất màu chủ đạo

Trí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

Bộ lọc màu video

Chỉnh độ sáng, tương phản, bão hòa và gam màu video ngay trên trình duyệt. Preset ấm, lạnh, rực rỡ, vintage, noir, trắng đen, đảo màu, xuất MP4/WebM, không cần tải lên.