>
  1. HSL/HSV カラーピッカー

HSL/HSV カラーピッカー

ツールの設定
ソフトウェアテンキーの使用
有効桁数以下の丸め方
四捨五入
有効桁数
8
H:
S:
L:
H:
S:
V:
R:
G:
B:
A:
色の名前 ※
white(ホワイト)
コピー用カラーコード
カラーコード自由入力
入力可能な文字について
Keep ボタンで保存した色が並びます
ツールの説明
HSV や HSV を指定して色を探せるカラーピッカーです。
・ ドーナツ状ののピッカーは HSL と HSV の H(色相)を、四角のピッカーは HSV の s(Saturation)と V(Value)を調整できます。
・ 各種スライダーは HSL、HSV、RGB、A(アルファ、透明度)の個々の数値を調整することができます。
・ 作成した色は、コピー用カラーコードの欄のテキストフィールドの値をコピーするか、ドーナツ状ピッカーの下のプレビューをクリックするとコピーできます。
・ 「Keep」ボタンを押すと、現在選択されている色を保存しておくことができます。カラーパレットの「Keep」タブで保存した色を参照、復元できます。
・ 「Keep」ボタンの横にある矢印ボタンで、前に選択した色の履歴を遡ることができます。
・ 既にあるカラーコードを基に色を調整したい場合は、「カラーコード自由入力」欄にカラーコードを入力すれば、ピッカーにその色が反映されます。入力可能なカラーコード形式はいろいろ対応しているのでとりあえず入れてみてください。
・ カラーピッカーの下にあるカラーパレットは、色をクリックするとカラーピッカーに反映されます。
※ 色の名前は、Wikipedia の色名一覧ページを参考に、RGB 値が同じもしくは近い場合にその名前を表示しています。Wikipedia に記載の通り、各色名の RGB 値は一例であり、文献により異なることがあります。そのため色の名前は正確なものではなく、あくまで参考としてご利用ください。
おすすめの関連ツール
カラーコード変換
RGB(10 進数)形式や 16 進数形式のカラーコードの相互変換ができます。色々な形式に対応しているので、CSS の編集の際などにコピーしてすぐに使えます。
RGBA から RGB への変換
透過色(RGBA)が、透過して背景と混ざった色(RGB)が何色かを求めることができます。
CSS 配色テスター
テキストの色と背景色の組み合わせをカラーピッカーで素早く試せます。ウェブページを作る時に便利な CSS 出力機能付きです。
お便利ツール.com は、日常や何かの作業の時にあると便利なツールをフリーで利用できる無料オンラインツールサイトです。
様々な場面で使用できる便利なツールを各種取り揃えています。左上の「ツールを探す」からいろいろなツールを探すことができますので、ぜひお気に入りのツールを見つけてみてください!
免責事項
当サイトのコンテンツや情報において、可能な限り正確な情報を掲載するよう努めていますが、必ずしも正確性を保証するものではありません。
当サイトに掲載された内容によって生じた損害等の一切の責任を負いかねますので、その旨ご了承いただき、自己責任でのご利用をお願いいたします。
お問い合わせ
© 2021 お便利ツール.com