広告
デザインツール · ライブ

カラーピッカー

好きな色を選ぶと、HEX、RGB、HSLの値がすぐに表示されます。各チップをクリックするとコピーできます。

入力

結果

広告

カラーピッカーとは?

カラーピッカーでは、好きな色を視覚的に選び、その値をさまざまな形式で確認できます。HEX はコード用、RGB は絵の具の混色の考え方に基づく形式、HSL は色同士の関係を選ぶのに使われます。どの形式も、画面上の同じピクセルの色を表しています。

3つの形式の説明

形式例用途
HEX#2563EBCSS、デザインツール、コード
RGBrgb(37, 99, 235)ピクセル単位の編集、不透明度 (rgba)
HSLhsl(220, 83%, 53%)色のバリエーションを直感的に選ぶ