カラー値変換ツール

カラープレビュー

現在の色
文字コントラスト

白文字

黒文字

クイック選択

よく使う色

カラー値変換

100%

使い方:

機能特徴:

  • HEX、RGB、RGBA、HSL、HSLA、HSV、CMYKなどの複数カラー形式の相互変換に対応
  • 色の効果と文字のコントラストをリアルタイムプレビュー
  • 透明度(アルファチャンネル)の調整に対応
  • よく使う色のクイック選択を提供
  • スポイト機能に対応(ブラウザ対応が必要)
  • 任意の形式のカラー値をワンクリックでコピー
  • クライアント側処理、データアップロード不要、安全・安心

カラー形式の説明:

  • HEX: 16進数表記、例 #FF5733、Web開発で一般的
  • RGB: 赤緑青の三原色、値域 0-255、例 rgb(255, 87, 51)
  • RGBA: RGB + アルファ透明度(0-1)、例 rgba(255, 87, 51, 0.8)
  • HSL: 色相(0-360°)、彩度(0-100%)、輝度(0-100%)
  • HSV/HSB: 色相、彩度、明度、Photoshopなどのデザインソフトで一般的
  • CMYK: シアン、マゼンタ、イエロー、ブラック、印刷業界標準カラーモード
  • Decimal: 整数表記、プログラミング言語でよく使用
  • CSS Filter: 黒色要素を目的の色に変換するCSSフィルター

ヒント:任意の入力欄にカラー値を直接入力すると、ツールが自動認識して他の形式に変換します。 HEX、RGB、HSLなどの形式に対応し、カラーピッカーで直接選択も可能です。