カラーコード変換
「この色、RGBだと何？」「HEXをCMYKにしたい」を一発解決。HEX・RGB・HSL・CMYKを相互変換。カラーピッカー連動・ワンクリックコピーでデザイン作業が加速。
対応形式: HEX（#1e90ff / #fff / #fff8）/ rgb() / rgba() / hsl() / hsla() / cmyk()
プレビュー
HEX#1e90ff
RGBrgb(30, 144, 255)
HSLhsl(209.6, 100%, 55.9%)
CMYKcmyk(88.2%, 43.5%, 0%, 0%)
こんなお困りごと・シーンでお使いいただけます
1
WebデザインのHEXカラーを印刷用のCMYKに変換したい
2
クライアントから「RGB(255,128,0)で」と言われた色をHEXで確認したい
3
CSSのカラーコードをHSLに変えて明度調整したい
使い方・手順
- 1いずれかの形式（HEX/RGB/HSL/CMYK）で色を入力
- 2全形式に自動変換され即時表示
- 3各値の横のコピーボタンでワンクリックコピー
よくある質問 (FAQ)
- Q.CMYK変換は正確？
- 簡易変換です。ブラウザベースのためICCプロファイルを使用した厳密な変換ではありません。印刷用の正確なCMYKが必要な場合はAdobe Illustrator等をお使いください。
- Q.透明度（アルファ値）にも対応？
- はい。RGBA/HSLA形式でアルファ値を含めた変換が可能です。
- Q.Tailwind CSSのカラークラス名は出せる？
- 現バージョンでは未対応。HEX値をTailwindのカラーパレットと照合する機能は今後の検討事項です。