カラーコード変換

HexカラーコードとRGBA、HSLA、HSVAをリアルタイムに変換します。

hex
#000000
hex8
#000000ff
rgb
rgb(0, 0, 0)
hsl
hsl(0, 0%, 0%)
hsv
hsv(0, 0%, 0%)
cmyk
cmyk(0, 0, 0, 100)

🎨カラーコード入力

hex/hexa/rgb/rgba/hsla

出力

カラーコード変換とは?

カラーコード変換ツールは、異なるカラーコード形式(hex、hexa、rgb、rgba、hsla)を入力として受け取り、他の形式(hex、hex8、rgb、hsl、hsv、cmyk)に変換するためのツールです。ウェブデザインやグラフィックデザインの分野では、色を指定する際にさまざまな形式のカラーコードが使用されます。それぞれの形式には固有のメリットがあり、特定の状況で使い分けられます。

例えば、hexはシンプルでコンパクトな形式であり、rgbaは透明度を含む色を指定でき、cmykは印刷業界で広く使われています。このツールを使用することで、異なる形式のカラーコードを瞬時に変換し、デザイン作業の効率を高めることができます。を使用することで、異なる形式のカラーコードを瞬時に変換し、デザイン作業の効率を高めることができます。

カラーコード変換の使い方

  • テキストフィールドに変換したいカラーコードを入力します。
    対応する形式はhex、hexa、rgb、rgba、hslaです。
  • カラーピッカーを使用して色を選択することもできます。
    カラーピッカーは視覚的に色を選ぶのに便利で、選んだ色が自動的にカラーコードに反映されます。

それぞれ、入力に応じてリアルタイムに変換を行い出力します。

各カラーコード形式の説明

  • hex: 16進数で表現されるカラーコード形式。#RRGGBBの形式で、各ペアは赤、緑、青の値を表します。
  • hex8: hex形式にアルファ値(透明度)を加えたもの。#RRGGBBAAの形式で、各ペアは赤、緑、青、アルファの値を表します。
  • rgb: 赤、緑、青の3つの数値(0-255)で色を表現する形式。例: rgb(255, 0, 0)は赤を表します。
  • hsl: 色相、彩度、輝度で色を表現する形式。例: hsl(0, 100%, 50%)は赤を表します。
  • hsv: 色相、彩度、明度で色を表現する形式。例: hsv(0, 100%, 100%)は赤を表します。
  • cmyk: シアン、マゼンタ、イエロー、キー(黒)の4色で色を表現する形式。主に印刷で使用されます。例: cmyk(0, 100, 100, 0)は赤を表します。