サービス案内

DESIGN · LOCAL FIRST

HEX、RGB、HSLを相互確認

1つの色を複数のCSS表記へ変換し、必要な値をすぐコピーします。

Color Converter 開く →

HOW TO USE

使用方法

  1. 01

    カラーピッカーで色を選ぶか対応する色値を入力します。

  2. 02

    同じ色のHEX、RGB、HSL表記を確認します。

  3. 03

    必要な形式を選び、デザインツールやCSSへコピーします。

USE CASES

活用例

CSS色の変換

デザインのHEXをRGBやHSLスタイルへ変換します。

色値の比較

異なる表記の値が同じ色か確認します。

FAQ

よくある質問

アルファ透明度に対応しますか?

現在は不透明なHEX、RGB、HSLの基本変換に集中しています。

クリックしてコピーできますか?

はい。各形式の結果ボタンからコピーできます。

DESIGN

Color Converter

このブラウザー内のみで処理