あらゆる方向の色を瞬時に変換します
カラーコンバーターは、ユーザーが行うすべての表記法を音声で認識する場合にのみ役立ちます。このツールは、HEX を RGB に変換し、またその逆の変換を行い、HSL、HSV (HSB とも呼ばれる)、CMYK のブリッジもすべて一度にリアルタイムで行います。 #3b82f6 のような HEX を入力すると、rgb(59, 130, 246)、hsl(217, 91%, 60%)、hsv(217, 97%, 96%)、および cmyk(76%, 47%, 0%, 4%) がすぐに得られます。任意の 1 つのフィールドを変更すると、他のフィールドもそれに追従するため、ジョブに適したモデルを推論できます。マークアップには HEX、キャンバスとグラデーションには RGB、直感的な明度と彩度の調整には HSL/HSV、デザインの印刷時には CMYK が使用されます。
計算なしで HEX から RGB、HSL、HSV、CMYK へ
内部では、コンバーターはすべての入力を 1 つの RGB トリプルに正規化し、標準の sRGB 式を適用して他の空間を導出します。同じ数学ブラウザーやデザイン ツールが使用するため、数値は Figma、Photoshop、または Chrome DevTools で表示されるものと一致します。また、短縮表現の 16 進数 (#fff)、アルファ付き 8 桁の 16 進数 (#3b82f6aa)、rgb()/rgba()、hsl()/hsla()、およびクリムゾン、ティール、ゴールドなどの一般的な CSS 名前付き色も理解できるため、数式を覚えたり、タブを切り替えたりする必要はありません。各形式にはコピー ボタンがあり、大きなプレビュー見本には実際の背景に色が表示されるため、一目で健全性をチェックできます。
ハーモニーとランプを使用してより優れたパレットをデザインする
単色を選ぶのは簡単です。一貫したパレットを構築するのは難しい部分です。コンバーターは、色彩理論のルール (相補 (ホイール上の反対側)、類似 (隣接)、三項および四項 (等間隔)) に基づいて色の調和を生成し、クリック可能な見本としてプロジェクトに直接ドロップできます。明度ランプは、同じ色相と彩度で黒に近い状態から白に近い状態まで変化し、ホバー、境界線、および無効な状態が必要なときにデザイナーが求める色合いと色合いを提供します。 2 色ミキサーを使用すると、選択した比率で任意のペアをブレンドして中間色を作成でき、微調整行を使用すると、ワンクリックで色相を明るくしたり暗くしたり、彩度を下げたり、色相を回転したりできます。
アクセシビリティとプライバシーの組み込み
良い色とは読みやすい色です。このコンバーターは、白と黒の両方に対する色の WCAG コントラスト比を表示し、AA (4.5:1) および AAA (7:1) への準拠を示すため、出荷前に低コントラストのテキストを検出できます。専用のコントラスト チェッカーの自然なコンパニオンです。また、すべてがブラウザ内でローカルに実行されるため、色がデバイスから流出することはありません。アップロード、アカウント、追跡がないため、ツールはインスタントでありながら、ブランドとクライアントの仕事はプライベートに保たれます。
- 01
- 双方向 HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK、アルファ付き
- 02
- ライブ グラデーション トラックを備えたインタラクティブな RGB、HSL、アルファ スライダー
- 03
- ネイティブ カラー ピッカー + ブラウザ EyeDropper
- 04
- 最近の履歴 + 保存されたスウォッチ (ブラウザーに保存)
- 05
- CSS 名前付き色のサポート (クリムゾン、ティール、ゴールドなど)
- 06
- ハーモニー、ティント/シェードランプ + 2色ミキサー
- 07
- 色覚異常のプレビュー (第一色覚、第二色覚、第三色覚)
- 08
- ライブ WCAG AA/AAA コントラスト バッジ
- 09
- CSS、Tailwind、SCSS、Swift、Android 用のコピー準備完了エクスポート
