10 công cụ · 100% in your browser

Màu sắc & Thiết kế

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

Màu sắc· 4 công cụ

Chuyển đổi, kiểm tra độ tương phản và chọn từ hình ảnh.

Công cụ chuyển đổi màu (HEX/RGB/HSL/OKLCH)

Chuyển HEX, RGB, HSL, OKLCH tức thì.

Công cụ kiểm tra độ tương phản (WCAG)

Kiểm tra độ tương phản WCAG AA/AAA – đạt hoặc không đạt.

Công cụ tìm màu Tailwind

Lớp Tailwind gần nhất cho bất kỳ màu HEX nào.

Công cụ chọn màu & bảng màu hình ảnh

Kéo thả hình ảnh, trích xuất bảng màu.

Trình tạo CSS· 4 công cụ

Gradient, bóng đổ, bo góc và các đường cong easing.

Trình tạo Gradient

Gradient CSS tuyến tính, xuyên tâm và hình nón.

Trình tạo Box Shadow

Trình chỉnh sửa box-shadow CSS trực quan.

Trình tạo Border Radius

Trình chỉnh sửa border-radius CSS từng góc.

Trình chỉnh sửa Cubic Bezier

Thiết kế các đường cong easing CSS trực quan.

Bố cục· 2 công cụ

Đơn vị CSS và tỷ lệ khung hình.

Bộ chuyển đổi đơn vị CSS

Chuyển đổi px, rem, em, pt và nhiều hơn nữa.

Máy tính tỷ lệ khung hình

Tính toán tỷ lệ và thay đổi kích thước.