カラーピッカー
どんな色でも視覚的に選び、HEX、RGB、HSL、HSV コードを即座に生成します。キャンバス上でドラッグして色合いを探したり、色相と不透明度を調整したり、既存のカラーコードを貼り付けてリアルタイムで形式を変換できます。デザインソフトも設定も不要。数秒で選択、変換、コピーするだけです。
カラーピッカー
任意の色を視覚的に選んで不透明度を調整するか、HEX、RGB、HSL、HSV コードを貼り付けます。4種類の出力フォーマットがリアルタイムで更新されます。
カラーキャンバス
色相
不透明度 - 100%
プリセット
出力
カラーコードを貼り付ける
HEX、#RRGGBBAA、rgb()、rgba()、hsl()、hsla()、hsv()、hsb() に対応
全コピー
hex: #398FE6 rgb: rgb(57, 143, 230) hsl: hsl(210, 78%, 56%) hsv: hsv(210, 75%, 90%)
視覚的なカラーキャンバス
彩度と明度のキャンバス上でクロスヘアをドラッグして、ピクセル単位の精度で任意の色合いを選べます。
4種類の出力フォーマット
選択した色が HEX, RGB, HSL, HSV の値として即座に生成されます。不透明度が100%未満の場合はアルファ値も含まれます。
完全プライベート
すべての処理はブラウザ内で行われます。カラーコードがサーバーに送信されたりログに記録されることは一切ありません。
色の選択と変換方法
キャンバスをドラッグする
カラーキャンバス上をクリックまたはドラッグして、現在の色相の彩度と明度を選んでください。
色相と不透明度を調整する
虹色の色相バーでベース色をシフトさせ、市松模様の不透明度バーで透明度を設定します。
出力コードを確認する
HEX, RGB, HSL, HSV の値がリアルタイムで更新されます。不透明度が100%未満の場合はアルファチャンネルが含まれます。
任意の形式をコピーする
出力行のコピーボタンをクリックするか、既知のカラーコードを下の入力欄に貼り付けてその色に即座にジャンプできます。
カラーピッカーを使う人は？
UI・ウェブデザイナー
ブランドカラーをサンプリングして CSS、Tailwind、デザインシステム用の正確なコードをブラウザを離れずにコピーできます。
フロントエンド開発者
CSS カスタムプロパティ、Tailwind の任意の値、Canvas API のために HEX と RGB/HSL を変換できます。
グラフィックデザイナー
Figma や Photoshop の HSB 値をワンステップでウェブ対応の HEX または RGB コードに変換できます。
コンテンツクリエイター
サムネイル、プレゼンテーション、ドキュメントにぴったりのアクセントカラーを見つけてコードを即座にコピーできます。
アクセシビリティレビュアー
テキストと背景のコントラスト比と WCAG 準拠を確認するために正確なカラーコードを特定できます。
AI プロンプトエンジニア
画像生成プロンプトで正確な結果を得るために色を説明する際の正確な HEX コードを特定できます。
Endless Forge vs 他のカラーツール
即座、プライベート、フォーマット完全対応。すべてブラウザで動作。
一つのツール、すべてのカラーフォーマット
その他のユーティリティ・開発ツール
画像コンバーター
PNG、JPG、WebP、AVIF などの形式をすぐに変換します。
SVG コンバーター
ラスター画像を SVG ベクター形式に変換するか、SVG を PNG/JPG でエクスポートします。
PDF を画像に変換
PDF のすべてのページを高解像度の PNG または JPG 画像として抽出します。
画像を PDF に変換
1枚または複数の画像を1つのきれいな PDF ドキュメントにまとめます。
テキスト解析
単語数、読了時間、感情、読みやすさのスコアを分析します。
コードフォーマッター
一貫したインデントとスタイルルールで乱雑なコードを自動整形します。
Base64 エンコーダー / デコーダー
テキストまたはファイルを Base64 にエンコードし、Base64 文字列を平文にデコードします。URL セーフモードと画像プレビューサポートあり。
よくある質問
5 件の質問に回答