Công cụ hình ảnh và thiết kế

Color Palette Generator

Color Palette Generator chạy trong trình duyệt để kiểm tra, chuyển đổi hoặc chuẩn bị kết quả mà không gửi dữ liệu lên máy chủ.

Công cụ hình ảnh và thiết kế

Input / output

Hue wheel

158°

Base

#18E299

Color 2

#30D6A1

Color 3

#48CAA9

Color 4

#00EE91

Color 5

#00FA89

CSS variables

:root {
  --color-palette-1: #18E299;
  --color-palette-2: #30D6A1;
  --color-palette-3: #48CAA9;
  --color-palette-4: #00EE91;
  --color-palette-5: #00FA89;
}

Tailwind colors

colors: {
  palette1: "#18E299",
  palette2: "#30D6A1",
  palette3: "#48CAA9",
  palette4: "#00EE91",
  palette5: "#00FA89"
}
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.

What is this tool?

Color Palette Generator là công cụ trình duyệt cục bộ cho quy trình hình ảnh và thiết kế. Dữ liệu nhập, tùy chọn và kết quả nằm trên một trang.

How to use it

  1. Dán dữ liệu

    Nhập hoặc dán giá trị cần xử lý vào vùng nhập.

  2. Điều chỉnh tùy chọn

    Chọn chế độ, định dạng hoặc đơn vị phù hợp với color palette, hex color, tints.

  3. Kiểm tra kết quả

    Chạy công cụ rồi sao chép hoặc tải xuống sau khi kiểm tra.

Examples

Ví dụ Color Palette Generator

Input
Dữ liệu mẫu
Output
Kết quả đã kiểm tra trong trình duyệt.

Practical tips

  • Với nội dung lớn, hãy bắt đầu bằng mẫu nhỏ.
  • Quảng cáo nằm ngoài điều khiển chính và vùng kết quả.

FAQ

Nên nhập gì vào Color Palette Generator?

Dùng giá trị phù hợp với tác vụ hiển thị và chỉnh tùy chọn trước khi chạy.

Có thể sao chép kết quả của Color Palette Generator không?

Có. Kiểm tra kết quả rồi sao chép hoặc tải xuống.

Color Palette Generator có dùng được trên điện thoại không?

Có. Dữ liệu nhập, tùy chọn và kết quả xếp gọn trên màn hình nhỏ.

Dữ liệu của tôi có gửi lên máy chủ không?

Không. Công cụ được thiết kế để xử lý dữ liệu trong trình duyệt.