カラーコードを入力
ツールの説明
一般的な色形式に対応し、自動で変換されます。
対応形式の例
HEX:
#f00
#ff0000
#42f88235
RGB:
rgb(255, 0, 0)
rgba(255, 0, 0, 0.5)
HSL:
hsl(0, 100%, 50%)
hsla(0, 100%, 50%, 0.6)
CMYK:
device-cmyk(0% 100% 100% 0%)
device-cmyk(0% 0% 80% 0% / 0.47)
LCH:
lch(1.81% 32.52 290.36)
lch(1.81% 32.52 290.36 / 0.37)
NAME:
red
blue
cyan
...
カラープレビュー
変換結果
#009688
6桁または8桁の16進数カラー形式。透明度(alpha)をサポート。HTML/CSS でよく使われます。
rgb(0, 150, 136)
赤・緑・青のカラーモデルで、スクリーン表示やアニメーションに広く利用されます。
hsl(174, 100%, 29%)
色相、彩度、明度に基づくモデルで、色調整に適しています。
device-cmyk(100% 0% 9% 41%)
シアン、マゼンタ、イエロー、ブラックの印刷向けカラー形式。
lch(55.44% 37.52 184.05)
明度と色差に基づいた知覚的なカラーモデル。視認性や印刷に最適。
ツールボックスについて
仕事と生活をシンプルにする、スマートで効率的なWebツールを提供します。
ICPライセンス番号: 京ICP备18008190号-3
プライバシーポリシー