Thiết kế và màu sắc
Bộ chọn, bảng màu, dải chuyển sắc và kiểm tra độ tương phản.
Bộ chọn và chuyển đổi màu
Chọn một màu và chuyển đổi giữa HEX, RGB, HSL và OKLCH.
Mới Kiểm tra độ tương phản màu sắc
Kiểm tra tỷ lệ tương phản WCAG AA/AAA giữa màu chữ và màu nền.
Mới Trình tạo CSS Gradient
Tạo các CSS gradient tuyến tính, xuyên tâm và hình nón với xem trước trực tiếp.
Mới Trình tạo CSS Box-Shadow
Tạo CSS box-shadow nhiều lớp với cài sẵn và xem trước trực tiếp. Sao chép CSS, giá trị hoặc React style ngay lập tức.
Mới Trình tạo bảng màu
Tạo bảng màu bổ sung, tương tự, bộ ba và đơn sắc.
Mới Trình tạo Cubic Bezier
Thiết kế đường cong easing CSS bằng cách kéo điểm điều khiển, với xem trước trực tiếp.
Mới Trình tạo Border Radius
Tạo trực quan các góc bo tròn CSS và hình dạng blob hữu cơ.
Mới Sân chơi CSS Flexbox
Điều chỉnh thuộc tính flex với xem trước trực tiếp và sao chép CSS.
Mới Sân chơi CSS Grid
Điều chỉnh cột lưới, khoảng cách và căn chỉnh với xem trước trực tiếp và CSS.
Mới Trình tạo Glassmorphism
Thiết kế thẻ kính mờ và sao chép CSS, với xem trước trực tiếp.
Mới Trình tạo CSS Text-Shadow
Tinh chỉnh bóng chữ CSS với xem trước trực tiếp và sao chép mã.
Mới Trộn màu
Pha trộn hai màu theo bất kỳ tỷ lệ nào và sao chép kết quả hoặc bất kỳ bước nào.
Mới Chọn màu từ ảnh
Chọn bất kỳ màu nào từ ảnh và trích xuất bảng màu chủ đạo dưới dạng HEX, RGB và HSL.
Mới Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Mới Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.