ホーム
Tom Utilities

カラーパレット生成

開発者ユーティリティ

任意の色から淡色、濃色、類似色、補色、トライアドのパレットを生成します。

使い方

Create a palette

Enter a color and choose a harmony. The swatches update instantly and each one can be copied with a click.

  1. Enter a hex, rgb or hsl color.
  2. Choose a harmony type.
  3. Click any swatch to copy its hex value.

Harmony types

Tints add white, shades add black, analogous neighbors the hue, complementary uses the opposite hue and triadic uses three evenly spaced hues.

よくある質問

Can I paste a color name?

The palette tool accepts hex, rgb() and hsl() values. Use the color converter first for named colors.

How are tints calculated?

Tints keep the hue and saturation and raise lightness, while shades lower lightness, using HSL color space.