Công cụ trực tuyến cho Màu sắc và thiết kế

Chuyển đổi và pha màu, kiểm tra độ tương phản, tạo chuyển sắc và hiệu ứng CSS, đồng thời xuất bảng màu để tái sử dụng.

MàU SắC Và THIếT KếGGMET · FREE TOOLS

18Công cụ

$0Core features are free

WEBNo software installation

Thiết kế

Chọn công cụ

Code and formats

Thiết kế

Trình tạo gradient CSS

Trình tạo gradient CSS. Đầu vào: 2 colors. Đầu ra: CSS linear-gradient.

Mở công cụ

Thiết kế

Chuyển đổi màu HEX, RGB, HSL và HSV

Chuyển đổi màu HEX, RGB, HSL và HSV. Đầu vào: HEX, RGB, HSL, HSV. Đầu ra: color values.

Mở công cụ

Thiết kế

Trình tạo gradient CSS dạng xuyên tâm

Trình tạo gradient CSS dạng xuyên tâm. Đầu vào: 2 colors. Đầu ra: CSS radial-gradient.

Mở công cụ

Thiết kế

Trình tạo gradient CSS nhiều màu

Trình tạo gradient CSS nhiều màu. Đầu vào: color stops. Đầu ra: CSS linear-gradient.

Mở công cụ

Thiết kế

Kiểm tra độ tương phản WCAG

Kiểm tra độ tương phản WCAG. Đầu vào: foreground + background. Đầu ra: contrast ratio.

Mở công cụ

Thiết kế

Chọn màu chữ dễ đọc

Chọn màu chữ dễ đọc. Đầu vào: background color. Đầu ra: light or dark text choice.

Mở công cụ

Thiết kế

Trình tạo bảng phối màu

Trình tạo bảng phối màu. Đầu vào: base color. Đầu ra: color palette.

Mở công cụ

Thiết kế

Trộn hai màu

Trộn hai màu. Đầu vào: 2 colors. Đầu ra: mixed color.

Mở công cụ

Thiết kế

Tạo sắc độ sáng và tối

Tạo sắc độ sáng và tối. Đầu vào: base color. Đầu ra: lighter and darker shades.

Mở công cụ

Thiết kế

Trình tạo CSS box-shadow

Trình tạo CSS box-shadow. Đầu vào: CSS parameters. Đầu ra: CSS box-shadow.

Mở công cụ

Thiết kế

Trình tạo CSS text-shadow

Trình tạo CSS text-shadow. Đầu vào: text + shadow parameters. Đầu ra: CSS text-shadow.

Mở công cụ

Thiết kế

Trình tạo CSS border-radius

Trình tạo CSS border-radius. Đầu vào: corner values. Đầu ra: CSS border-radius.

Mở công cụ

Thiết kế

Trình tạo bộ lọc ảnh CSS

Trình tạo bộ lọc ảnh CSS. Đầu vào: image preview. Đầu ra: CSS filter.

Mở công cụ

Thiết kế

Trình tạo hiệu ứng Glassmorphism

Trình tạo hiệu ứng Glassmorphism. Đầu vào: background and panel parameters. Đầu ra: CSS.

Mở công cụ

Thiết kế

Trình tạo mẫu nền CSS

Trình tạo mẫu nền CSS. Đầu vào: colors and pattern settings. Đầu ra: CSS background.

Mở công cụ

Thiết kế

Trình tạo đường phân cách SVG

Trình tạo đường phân cách SVG. Đầu vào: shape parameters. Đầu ra: SVG.

Mở công cụ

Thiết kế

Tạo biến CSS từ bảng màu

Tạo biến CSS từ bảng màu. Đầu vào: palette. Đầu ra: CSS custom properties.

Mở công cụ

Thiết kế

Xuất bảng màu

Xuất bảng màu. Đầu vào: palette. Đầu ra: CSS, JSON, SVG, PNG.

Mở công cụ