カラーピッカー

視覚的に色を選択・調整

カラーピッカー

HEX
RGB
HSL

hsl(0, 100%, 50%)

カラーピッカーとは?

色を視覚的に選んで、hex・RGB・HSL値を取得できます。クリックまたはドラッグで好みの色合いを見つけて、コードをコピーしてください。

使い方

  1. カラーエリアをクリックするか、セレクターをドラッグして色を選択
  2. 色相スライダーと透明度コントロールで微調整
  3. ワンクリックで16進数、RGB、またはHSL値をコピー

結果

温かいオレンジを選択:#E67E22、rgb(230, 126, 34)、hsl(28, 80%, 52%)。

関連ツール