Command Palette

Search for a command to run...

カラ

カラーコンバーター

HEX、RGB、HSL、HWB、CMYK 間のカラーコードを瞬時に変換します

Color Converterとは?

カラーコンバーターは、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出力を通じてアルファチャネルを保持します。

16 進数から CMYK へのカラーコンバータとして使用するには、 #1E90FF と入力して Convert をクリックします: CMYK 行は cmyk (88%, 44%, 0%, 0%) を読み、RGB 行 rgb (30, 144, 255) を読み、CSS 名の一致は dodgerblue です。 CMYK から 16 進数へのカラーコンバータとして、cmyk (88, 44, 0, 0) は #1F8FFF を返します。, 2 つのチャンネルで元から 1 ステップ離れています。 CMYK がパーセンテージ全体で表示されるため。 16 進数から RGBA へのカラーコンバータには、アルファペアを追加します。 #1E90FF80 は rgba (30, 144, 255, 0.5)。

CMYKは注意して扱うための変換です. HEX, RGB, HSLとHWB, これはすべて同じsRGB色の正確な記述であり、損失なく相互に変換, CMYKは、紙にインクを記述し、プレス、用紙ストックと使用中のカラープロファイルに依存する. ここでの変換は、標準的なデバイスに依存しない近似, これは大まかなアイデアのために問題なく、プリプレスソフトウェアでプロファイル変換の代替ではありません. prepressソフトウェアでプロファイル変換の代わりになることはありません, 飽和画面の色を期待します, 明るい青と緑特に, 印刷で到達不能: 彼らは完全にCMYK色域の外側に座り、彼らは見た目よりも鈍く戻ってきます。

カラーコンバーターの使い方は?

  1. 色を入力します

    任意の色を入力または貼り付けます: HEX コード (#4466EE または #46E)、rgb()/rgba() 値、hsl()/hsla() 値、hwb()、cmyk()、または coral などの CSS カラー名。変換をクリックします。

  2. すべてのフォーマットを読みます

    このツールには、HEX、HEXA、RGB、RGBA、HSL、HSLA、HWB、CMYK と、正確または最も近い一致する CSS カラー名が表示されます。

  3. 必要に応じてアルファを調整します

    入力にアルファ値 (rgba(...) または 8 桁の HEX) を含めると、コンバーターは不透明度をすべてのアルファ対応フォーマットに伝えます。

  4. 必要なフォーマットをコピーします

    出力行の横にあるコピー ボタンをクリックして、その文字列をクリップボードにコピーし、CSS、デザイン ツール、または印刷仕様に貼り付ける準備を整えます。

主な機能

  • すべてのフォーマットを一度に

    1 つの入力で HEX、HEXA、RGB、RGBA、HSL、HSLA、HWB、CMYK が同時に生成されるため、2 回変換することはありません。

  • CSS 名の一致

    正確な CSS カラー キーワードが存在する場合にそれを検出し、参照用に最も近い名前付きカラーを常に表示します。

  • アルファ プリザーブド

    rgba()または8 桁のHEXからの透明度は、変更されていないすべてのアルファ認識出力形式に流れます。

  • 許すインプット

    3 桁、4 桁、6 桁、および 8 桁の HEX、カンマまたはスペースの区切り文字、パーセンテージ チャネル、および最新のスラッシュ アルファ構文を受け入れます。

Frequently Asked Questions

6 桁のHEXコードを3 組に分割し、それぞれ0 から255 までの16 進数として読み取る。 #4466EEでは、44は68(赤)、66は102(緑)、EEは238(青)で、rgb(68、102、238)を与える。 HEXコードをコンバータに貼り付けると、RGB値が他のすべてのフォーマットと並んですぐに表示されます。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

color converterhex to rgbrgb to hexhsl to hexhex to cmykrgb to hslcmyk convertercss color codehex to cmyk color convertercmyk to hex color converterhex to rgba color converterhex to rgb color converter