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

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

/ ツール

■

/ ツールファインダー

109 個のツール

/ カラーコンバーター

色の入力

/ 選択中のツール

■

カラーコンバーター - 無料のコンバーターツール

HEX、RGB、HSL、HSV 形式間でカラーを変換します

■ 01

カラー変換とは?

用途に応じて異なるカラーフォーマットが使われます。HEX は Web デザインで一般的で、RGB はデジタルディスプレイに使われ、HSL は直感的な色相・彩度・明度の調整を提供し、HSV はグラフィックスアプリケーションで人気があります。

■ 02

カラー変換は数学的な計算式を用いて色空間の間を変換します。RGB 値 (0-255) は HEX (00-FF) に変換できます。RGB から HSL/HSV への変換では、色の比率から色相を、色の広がりから彩度を計算し…

■ 03

HEX から全フォーマット、RGB から全フォーマット、HSL から全フォーマットをカバーしているので、一般的な入力と出力をすばやく比較できます。

/ 関連ツール

/ コード

■

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

/ ソースコード

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

interface RGB {
  r: number;
  g: number;
  b: number;
}

interface HSL {
  h: number;