OTOnline Toolbox
◩

图片与设计工具

Color Palette Generator

Color Palette Generator 在浏览器中运行，用于检查、转换或准备结果，不会把输入发送到服务器。

图片与设计工具

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 是面向图片与设计流程的本地浏览器工具，输入、选项和结果都在同一页面完成。

How to use it

  1. 粘贴输入

    在输入区域输入或粘贴要处理的值。

  2. 调整选项

    选择适合 color palette, hex color, tints 的模式、格式或单位。

  3. 检查结果

    运行工具，确认结果后再复制或下载。

Examples

Color Palette Generator 示例

Input
示例输入
Output
在浏览器中检查后的输出。

Practical tips

  • 内容较大时，先从小样本开始。
  • 广告会保持在主要控件和结果区域之外。

FAQ

Color Palette Generator 应该输入什么？

请输入与页面任务匹配的值，并在运行前调整选项。

可以复制 Color Palette Generator 的结果吗？

可以。检查结果后即可复制或下载。

Color Palette Generator 支持移动端吗？

支持。输入、选项和结果会在小屏幕上纵向排列。

输入会发送到服务器吗？

不会。该工具设计为在浏览器内处理输入。

Tools to Use Together

Contrast CheckerCSS Gradient GeneratorImage Resizer