OneKitTools logoOneKitTools
返回开发者

颜色选择器

选择颜色并生成调色板

关于 颜色选择器

选择a color and instantly get its HEX, RGB and HSL equivalents, along with a harmonious palette。

如何使用 颜色选择器

  1. 1使用color picker来choose a hue, or click "Random" for inspiration。
  2. 2HEX, RGB and HSL values appear 自动 — 复制 one you need.
  3. 3The generated palette offers 5 brightness variants 基于 your base color.
  4. 4Starter+: export the palette as CSS Variables or Tailwind CSS configuration 一键.

提示

  • 使用palette来create consistent hover/active states: pick a darker or lighter shade。
  • HSL is the most intuitive format for adjusting brightness without changing the 色相.
  • The Tailwind export generates keys 直接 compatible with your tailwind.config.js file.

相关工具

OneKitTools 团队更新于 2.21.4