🎨
カラー変換
HEX ↔ RGB ↔ HSL
使い方
HEXコードまたはRGB/HSLの値を入力すると、ほかの表記にすぐ変換され、実際の色がリアルタイムでプレビューされます。CSSの作業中に色の値をすばやく切り替えたいときに便利です。
Q. 透明度(アルファ)に対応していますか?
A. はい。RGBA/HSLA形式でアルファ値を扱えます。
Q. tomatoのような色名も認識しますか?
A. はい。標準のCSS色名を入力すると、対応するHEX/RGBの値に変換されます。
Q. HEXコードを3桁で書いてもよいですか?
A. はい。#f00のような3桁の省略形も、#ff0000と同じ色として解釈します。
Q. カラーハーモニーは何を基準に表示しますか?
A. 入力した色を基準に、色相環上で相性のよい色(補色・類似色など)を提案します。デザインの正解ではないため、参考としてご利用ください。
Q. 選んだ色をすぐにコピーできますか?
A. はい。HEX・RGB・HSLの各値をクリックすると、クリップボードにコピーできます。