毎日使う開発者ツールを、すべて一か所に。

コンバーター、フォーマッター、ハッシュ、バリデーター、そして何度も開き直す小さなユーティリティが、タブの海に散らばることなく一か所にまとまります。

/ ツール

■

/ ツールファインダー

109 個のツール

/ カラーパレットジェネレーター

パレットの種類

色数 (2-10)

/ 選択中のツール

■

カラーパレットジェネレーター - 無料のジェネレーターツール

さまざまな配色で美しいカラーパレットを生成します

■ 01

カラーパレットとは?

カラーパレットは、うまく調和する色の組み合わせです。色彩理論は、目に心地よく、デザインで効果的な調和のとれた組み合わせを作るのに役立ちます。

■ 02

どのように動作するのか?

ジェネレーターは色彩理論の原則を使ってパレットを作成します。ランダムモードは、多様な色相値を持つ色を生成します。補色は色相環上で反対の色 (色相差 180°) を見つけます。類似色は隣接する色相を使います…

■ 03

サンプルケース

補色パレットと類似色パレットをカバーしているので、一般的な入力と出力をすばやく比較できます。

/ 関連ツール

/ コード

■

選択したツールのソースコード。右側のライブ版と並べて表示されます。

/ ソースコード

TypeScript

typescript

// No external dependencies needed - uses built-in Math functions

interface Color {
  hex: string;
  rgb: string;
  hsl: string;
}

function rgbToHex(r: number, g: number, b: number): string {
  return '#' + [r, g, b]