Command Palette

Search for a command to run...

カラ

カラーピッカーとコンバーター

色を選択して、16 進数、RGB、HSL 形式の間で変換します

Opacity100%
r
102
g
126
b
234
HEX#667EEA
HEXA#667EEAFF
RGBrgb(102, 126, 234)
RGBArgba(102, 126, 234, 1)
HSLhsl(229, 76%, 66%)
HSLAhsla(229, 76%, 66%, 1)
HWBhwb(229 40% 8%)
LABlab(56% 22 -57)
LCHlch(56% 61.1 291.1)
OKLABoklab(0.63 0 -0.16)
OKLCHoklch(0.63 0.16 270)
#667EEA
Category:color
Mode:Offline
Version:1.0.0
Access:Free

カラーピッカー&コンバーターとは何ですか?

Color Picker & Converter interface on Toolz.dev - Pick colors and convert between HEX, RGB, and HSL formats

カラー ピッカー & コンバーターは、視覚的に色を選択し、16 進数、RGB、HSL などの一般的な色の形式を変換できる無料のオンライン ツールです。 これは、Web デザイナー、開発者、グラフィック アーティスト、およびデジタル カラーの仕事をする人にとって不可欠なユーティリティです。

このツールは、スペクトル セレクター、明るさと彩度のコントロール、および不透明度のスライダーを備えたインタラクティブなカラー ピッカーを提供します。 色を選択すると、対応する 16 進コード、RGB 値、および HSL 値が即座に表示され、プロジェクトに必要な正確な形式を簡単に取得できます。

基本的な色のピッキング以外にも、選択した色に基づいて、補完的な類似の色調和パレットを生成します。 これにより、Web サイト、アプリ、およびデザイン プロジェクトのまとまりのある配色をすばやく構築できます。 すべての処理は、インストール不要でブラウザで実行されます。

HEX、RGB、HSL は、3 つの色空間ではなく、同じ sRGB 色を記述する 3 つの方法であるため、それらの間の変換は、両方向で正確かつロスレスです。 HSL は推論するのに便利な方法です。なぜなら、色相を保持しながら明るさや彩度を調整すると、色が同じファミリーに保たれるため、16 進数の数字を編集するのははるかに困難です。最新の CSS では、oklch や display-p3 などの sRGB の外部に届く表記が追加され、それらは 16 進数値を記述できません。ここで表現されたものはすべて、すべてのディスプレイが表示できる安全な共通点である sRGB の内側に留まります。ブラウザが提供するスポイトは、ソース色ではなくレンダリングされたピクセルをサンプリングするため、スケーリングまたはカラー管理された画像から選択された値は、元のファイルとわずかに異なる場合があります。

カラーピッカーとコンバーターの使い方

1

色を選ぶ

視覚的なカラー ピッカーを使用して、スペクトルをクリックしたり、色相スライダーを調整したり、任意の形式で特定の色値を入力したりして、色を選択します。

2

色の値を表示する

選択した色を 16 進、RGB、および HSL 形式で同時に表示します。 色を調整すると、各フォーマットがリアルタイムで更新されます。

3

色の調和を探る

選択した色に基づいて、まとまりのあるパレットを構築するために、補完的な類似、類似、トライアド、およびその他の色のハーモニーの提案を表示します。

4

カラーコードをコピーする

任意の色の形式をクリックしてクリップボードにコピーします。 CSS、デザイン ツール、またはアプリケーションで直接使用します。

主な機能

アルファチャンネルサポート

8 桁の HEX と rgba を読み書きできるため、透明度のある色はアルファを失うことなく変換後も生き残ります

マルチフォーマット変換

1 つの色を選択して、16 進、RGB、HSL のカラー フォーマットを即座に変換します。

ビジュアルカラーピッカー

色相、彩度、明るさのコントロールを備えたインタラクティブなカラー スペクトラムで、正確な色選択を実現

カラーハーモニーパレット

補完的な類似のトライアド、スプリット補完色の配色を自動的に生成する

Frequently Asked Questions

6 桁の 16 進コードを 3 ペアに分割し、各ペアを 0 から 255 までの 16 進数として読み取ります。 #FF5733 では、FF は 255 (赤)、57 は 87 (緑)、33 は 51 (青) で、RGB(255、87、51) になります。 ピッカーに 16 進コードを貼り付け、RGB と HSL の値がすぐに表示されます。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous