ToolHub
ツールを開く

色セレクター

プロフェッショナルの色選択ツール,対応多種類フォーマット

開発者ツール

このツールについて

色セレクターはブラウザベースのツールです,できますで多種類フォーマット之间選択と変換色。你できますからプリセット色板中選択,経由で滑块調整色相と透明度,または直接入力 HEX と RGB 値。ツールできます即時表示色の HEX、RGB、HSL と HSV フォーマット,各フォーマット都対応ワンクリックでコピー。すべての処理はブラウザ内でローカルに完了します,サーバーにデータが送信されることはありません。

主な機能

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

クイックプレビュー

使用シーン

セレクター hex rgb

よくある質問

これツール対応哪些色フォーマット?

ツール対応四種類フォーマット表示色:HEX(例えば #ff6b6b)、RGB/RGBA(例えば rgb(255, 107, 107))、HSL/HSLA(例えば hsl(0, 100%, 71%))と HSV(例えば hsv(0, 58%, 100%))。当透明度低于 100% 時,できます自动使用 RGBA と HSLA フォーマット。

どのように調整色の透明度?

使用色相滑块下方の透明度滑块。へ左拖动降低透明度,へ右拖动增加透明度。色プレビューとすべてフォーマット値できますリアルタイム更新。当透明度低于 100% 時,HEX 出力できます含む透かし明チャンネル,RGB/HSL 出力できます自動切り替えのため rgba/hsla フォーマット。

HSL と HSV 違いは何ですか?

两者都です圆柱形色モデル,但に対して亮度の定義不同。HSL(色相、饱と度、明度)の明度から黑色に纯色再に白色,明度 100% 始终です白色。HSV(色相、饱と度、纯度)の纯度から黑色に纯色,纯度 100% ですこの色最纯の形式。HSL 更常使用 CSS,そして HSV 多使用グラフ软件。

できます直接入力 HEX または RGB 値か?

できます。你できますで入力欄中直接入力 HEX 値(例えば #3b82f6)または RGB 値(例えば rgb(59, 130, 246)),ツールできます即時変換かつ更新すべて其他フォーマット表示、色プレビューと滑块ビット置。

どのようにコピー色値?

クリック任意フォーマット値旁边のコピーボタン,色値できます以表示のフォーマットコピークリップボードに(例えば HEX フォーマットの #ff6b6b,RGB フォーマットの rgb(255, 107, 107))。その後你できます直接貼り付けに CSS、デザインツールまたはコードエディター中使用。