開発者生産性 入門 1 ステップ
Hex カラーから RGB とコントラストチェック
カラー変換は Hex を RGB 形式に変更する。コントラストチェックは WCAG アクセシビリティ準拠を検証する。
解決する問題
Hex カラーを RGB に変換し、その後 WCAG コントラスト比をチェックする。
入力 → 出力
カラーコンバーター 入力 → カラーコンバーター 出力 、計 1 ステップ。
実行時間
2–3分 · 完全にブラウザローカルで実行。
始める前に
- Hex カラーコード
パイプライン
-
Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format。無料、プライベート、100%クライアントサイド。
▶このワークフローを実行
下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。
パイプラインの進行状況
- カラーコンバーターcolor-convert
サンプル入力
#FF5733
期待される出力
HEX: #FF5733 RGB: rgb(255, 87, 51) HSL: hsl(11, 100%, 60%) HSV: hsv(11, 80%, 100%) CMYK: cmyk(0%, 66%, 80%, 0%)
この入出力ペアはビルド時に実際のツールで実行（tests/unit/recipes.test.ts）——期待出力は検証済み、例示ではありません。
こちらもおすすめ
このレシピとツールやテーマを共有するワークフロー。