
カラーコンバーターは、1 つの構文で書かれた1 つの色を取り、他のすべての構文で一度にそれを再表現するツールです。 #4466EEのようなHEXコードを貼り付けると、そのrgb()、hsl()、hwb()、cmyk()の等価物をすぐに取得し、さらに最も近いCSSカラーキーワードである16 進数のペアを分割し、チャンネルをスケーリングし、色相と彩度を手で計算するという手動の演算を削除します。
プロジェクトの異なる部分では、異なるカラー形式が期待されます。ブラウザはすべてを RGB としてレンダリングし、ホバリング時に軽さを簡単に表現できるため、CSS 作成者は HSL に手を伸ばします。印刷ワークフローには CMYK が必要で、デザイン ハンドオフは HEX として到着することがよくあります。コンバータは、すべてのソース カラーで 1 つのソース カラーを一貫性のある状態に保つため、スタイルシートの青はブランド ガイドの青と同じになり、印刷ベンダーが受け取る青も同じになります。 rebeccapurple などの CSS カラー名も受け入れ、コピー可能な数値に変換します。
このコンバータは完全にブラウザで実行されます 貼り付けた色はクライアント側のJavaScriptで解析および変換され、デバイスから離れることはないため、アップロードもアカウントも、変換した内容の追跡もありません。ページがロードされるとオフラインで動作し、3 桁、6 桁、および8 桁のHEX、カンマおよびスペースの色構文を処理し、RGBA、HSLA、および8 桁のHEXA出力を通じてアルファチャネルを保持します。
CMYKは注意して扱うための変換です. HEX, RGB, HSLとHWB, これはすべて同じsRGB色の正確な記述であり、損失なく相互に変換, CMYKは、紙にインクを記述し、プレス、用紙ストックと使用中のカラープロファイルに依存する. ここでの変換は、標準的なデバイスに依存しない近似, これは大まかなアイデアのために問題なく、プリプレスソフトウェアでプロファイル変換の代替ではありません. prepressソフトウェアでプロファイル変換の代わりになることはありません, 飽和画面の色を期待します, 明るい青と緑特に, 印刷で到達不能: 彼らは完全にCMYK色域の外側に座り、彼らは見た目よりも鈍く戻ってきます。
任意の色を入力または貼り付けます: HEX コード (#4466EE または #46E)、rgb()/rgba() 値、hsl()/hsla() 値、hwb()、cmyk()、または coral のような CSS カラー名。
このツールには、HEX、HEXA、RGB、RGBA、HSL、HSLA、HWB、CMYK が、正確または最も近い一致する CSS カラー名とともに即座に表示されます。
入力にアルファ値 (rgba(...) または 8 桁の HEX) を含めると、コンバーターは不透明度をすべてのアルファ対応フォーマットに伝えます。
出力行をクリックすると、その文字列がクリップボードにコピーされ、CSS、デザイン ツール、または印刷仕様に貼り付ける準備が整います。
1 つの入力で HEX、HEXA、RGB、RGBA、HSL、HSLA、HWB、CMYK が同時に生成されるため、2 回変換することはありません。
正確な CSS カラー キーワードが存在する場合にそれを検出し、参照用に最も近い名前付きカラーを常に表示します。
rgba()または8 桁のHEXからの透明度は、変更されていないすべてのアルファ認識出力形式に流れます。
3 桁、4 桁、6 桁、および 8 桁の HEX、カンマまたはスペースの区切り文字、パーセンテージ チャネル、および最新のスラッシュ アルファ構文を受け入れます。
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
Pick colors and convert between HEX, RGB, and HSL formats
Generate tints, shades, and tones from any base color
0 comments
No comments yet. Be the first to share your thoughts!