HEX ⇄ RGB ⇄ HSL ⇄ CMYK を、即座に相互変換。
JobDoneBot のカラー変換ツールは、 HEX (#FF6B00) / RGB / HSL / CMYK の主要カラーフォーマットを即座に相互変換するツール。デザイナー・開発者・印刷物制作者向け。 カラーピッカーで視覚的に色選択も可能。
Web デザインで HEX を使い、Photoshop / Illustrator では RGB、 印刷で CMYK が必要、と複数の色空間が混在する制作現場で、 ワンクリックで全形式に変換できます。
3 ステップで完了
- 1
色を入力 or ピッカーで選択
HEX (`#FF6B00`)、RGB (`rgb(255,107,0)`)、HSL、CMYK のいずれかで指定。 またはカラーピッカーで視覚的に。
- 2
全形式を同時表示
入力した色が全 4 形式 (HEX / RGB / HSL / CMYK) で同時表示。
- 3
コピー or 適用
ワンクリックで任意の形式をコピー。
他のサービスとの違い
| 項目 | JobDoneBot | Adobe Color | Coolors | カラーパレットアプリ |
|---|---|---|---|---|
| 料金 | 完全無料 | Adobe アカ要 | 一部無料 / 月額 | アプリ内課金 |
| 処理場所 | ブラウザ内 | クラウド | クラウド | ローカル |
| CMYK 対応 | ✓ | 一部 | 一部 | 一部 |
| インストール | 不要 | 不要 | 不要 | アプリ要 |
| スマホ対応 | ✓ | ✓ | ✓ | ✓ |
| プライバシー | 送信ゼロ | 送信あり | 送信あり | 一部送信 |
※ 各社の仕様は 2026 年 4 月時点の公開情報。
こんな場面で使えます
Web → 印刷物の色再現
Web デザインで使った HEX を CMYK に変換して 印刷会社に渡す名刺・チラシのデータに。
CSS の色指定
HEX `#FF6B00` を `hsl(25, 100%, 50%)` に変換して 微調整しやすい HSL で扱う。
デザインソフトの色設定
Photoshop / Illustrator / Figma の各ツールに合った色形式で指定。
ブランドカラーの統一管理
ブランドカラーの全形式を一覧化して デザイナー・開発者間で共有。
色覚アクセシビリティ確認
色変換と同時に WCAG コントラスト比を確認 (別ツールへの導線あり)。
配色パターンの拡張
カラーパレット ツールと組み合わせて 配色設計を効率化。
よくある質問
- Q. 完全に無料ですか?
- 会員登録不要・回数制限なし・広告なしで完全無料です。
- Q. データはサーバーに送信されますか?
- いいえ、ブラウザ内処理で完結します。
- Q. CMYK の精度はどうですか?
- 簡易変換 (sRGB → CMYK) なので、印刷品質保証ではありません。 高精度の印刷用 CMYK は ICC プロファイルベースの専用ソフトを推奨します。
- Q. HSV / HSL の違いは?
- HSV (Hue / Saturation / Value) と HSL (Hue / Saturation / Lightness) は近いが微妙に違う色空間。 当ツールは HSL ベース (CSS で使われる方)。
- Q. カラーピッカーは使えますか?
- 使えます。視覚的に色を選んで全形式に変換可能。
- Q. カラー名 (CSS named colors) は対応?
- 対応しています。`red` `cornflowerblue` などの CSS カラー名から各形式に変換可能。
- Q. Pantone カラーは?
- Pantone は商標保護のあるカラーシステムなので未対応です。 印刷物 Pantone 色は専用ガイドをご確認ください。
- Q. スマホでも使えますか?
- iPhone / Android のブラウザでそのまま動きます。