Trích xuất bảng màu từ hình ảnh
Dùng để trích các màu nổi bật từ hình ảnh và lấy mã màu để dùng lại trong thiết kế.
Nhóm công cụ · 19 công cụ
Nhóm công cụ nhỏ cho màu sắc, độ tương phản và các chi tiết giao diện cần kiểm tra nhanh.
Nhóm Thiết kế hỗ trợ chuyển đổi mã màu, kiểm tra tương phản giữa chữ và nền, trích màu và thử nhanh scrollbar để giao diện dễ đọc hơn.
Dùng để trích các màu nổi bật từ hình ảnh và lấy mã màu để dùng lại trong thiết kế.
Dùng để chuyển đổi màu giữa HEX, RGB và HSL, kèm preview màu để kiểm tra nhanh.
Dùng để kiểm tra tỷ lệ tương phản WCAG giữa màu chữ và màu nền để đánh giá độ dễ đọc.
Dùng để tạo CSS scrollbar tuỳ chỉnh và xem preview trực tiếp trước khi đưa vào giao diện.
Dùng để tạo linear/radial gradient, xem preview trực quan và copy CSS background cho giao diện.
Dùng để tạo shadow mềm cho card, panel hoặc button với thông số x, y, blur, spread và opacity.
Dùng để chỉnh bo góc từng cạnh, xem preview hình dạng và copy CSS border-radius.
Dùng để tạo hiệu ứng kính mờ với background trong suốt, blur, border, radius và shadow.
Dùng để tạo hiệu ứng nổi hoặc lõm nhẹ từ màu nền, khoảng cách shadow và blur.
Dùng để sinh công thức clamp() cho font-size responsive theo viewport nhỏ và lớn.
Dùng để tạo padding, margin hoặc gap responsive bằng clamp() cho layout linh hoạt.
Dùng để sinh thang màu 50-950 từ một màu gốc, phù hợp làm token màu cho UI.
Dùng để kiểm tra tỷ lệ tương phản và gợi ý màu chữ dễ đọc trên nền đã chọn.
Dùng để tạo CSS variables cho màu primary, accent, surface và text ở light/dark theme.
Dùng để dọn SVG bằng cách bỏ XML header, comment, metadata và khoảng trắng dư thừa.
Dùng để chuyển SVG thành data URI để nhúng trong CSS background hoặc HTML.
Dùng để sinh link tag favicon, apple-touch-icon, manifest và theme-color cơ bản.
Dùng để tạo CSS Grid responsive với số cột, minmax và gap kèm preview trực quan.
Dùng để thử flex-direction, wrap, justify-content, align-items và gap với preview trực quan.
Có. Công cụ kiểm tra tương phản giúp đánh giá nhanh độ đọc của màu chữ và nền.