ホーム
すべてのツール
ブログ
ホーム
デザインツール
Color Picker
カラーピッカー
色を選択し、HEX、RGB、HSL間で変換。カラーハーモニーとシェードバリエーションを生成。
フォーマット変換
カラーハーモニー
シェード&ティント
ワンクリックコピー
HEX
RGB
R
G
B
HSL
H°
S%
L%
CSSカラーフォーマット
#3B82F6
rgb(59, 130, 246)
rgba(59, 130, 246, 1)
hsl(217, 91%, 60%)
hsla(217, 91%, 60%, 1)
補色
類似色
トライアド
シェードバリエーション
Color Tools
Everything you need to find the perfect color.
フォーマット変換
HEX, RGB, HSLなどのCSSカラー形式間を即座に変換します。
カラーハーモニー
補色、類似色、トライアディックなカラースキームを即座に生成します。
シェード&ティント
選択したベースカラーのより明るいまたは暗いバリエーションを探索します。
ワンクリックコピー
ワンクリックでCSSカラー値をクリップボードにコピーします。
よくある質問
よくある質問に対する回答を確認できます。
どのカラーフォーマットがサポートされていますか?
HEX、RGB、RGBA、HSL、HSLAカラーフォーマットをサポートしています。どの形式でも入力すると、他のすべての形式への即時変換が表示されます。
カラーハーモニーとは何ですか?
カラーハーモニーは、一緒に見て心地よい色の組み合わせです。補色は色相環の反対側にあります。類似色は隣接しています。トライアドは三角形を形成します。
シェードバリエーションはどのように機能しますか?
シェードはHSLの明度値を調整することで作成されます。同じ色相と彩度を維持しながら、暗い色から明るい色まで9つのバリエーションを生成します。
色を直接コピーできますか?
はい!任意のカラースウォッチをクリックするか、コピーボタンを使用して、任意の形式で色の値をクリップボードにコピーできます。
このツールは無料ですか?
はい、完全に無料で制限はありません。すべてがブラウザで実行され、サーバーにデータが送信されることはありません。