a11y.skipToMainContent
1

色のコンバーター

HEX、RGB、HSL、およびRGBA間の変換 — 任意の形式または種類を選択し、他のアップデートがライブ.

Was this tool helpful?
Send output to:
Advertisement

How to use Color Converter

  1. 任意の形式に色または種類を1つ選びます.
  2. 他の3つのフォーマットを読んで下さい.
  3. 必要なコピー.

色変換とは?

デザイナーやデベロッパは、常にカラーフォーマット間でバウンスします。 このツールは、ネイティブピッカーから色を選択し、HEX を貼り付けるか、RGB/HSL 値を入力するか、ライブスウォッチですべての 4 つのフィールドを更新します。

Advertisement

FAQ

アルファのサポートはありますか?
はい、RGBA/8桁のHEX(例:2563eb80)とHSLAは透明性を保持します.
'red' のような CSS 色名を使うことはできますか?
はい、CSSの色名を入力すると、HEX、RGB、その他の形式に変換できます.
色のライブプレビューが表示されますか?
はい、リアルタイムでカラースウォッチの更新で、値を調整するような色を見ることができます.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement