画像とデザインツール

カラールーラー

6桁HEXを入力して不透明度を調整し、透明プレビュー、RGB、HSL、未校正の算術CMYK、配色関係を確認します。

ブラウザ内で処理登録不要プライバシーの説明 ↗

カラールーラー

CMYK は未校正の算術値で、ICC 印刷マッチではありません。不透明度はプレビューだけに適用し、色名と配色は元の色を使います。 数値トークンは最大64文字です。非ゼロ入力や色相の単位変換がゼロにアンダーフローした場合は拒否します。JavaScript の浮動小数点精度は引き続き適用されます。

使い方

使い方

  1. 有効な6桁HEXを入力し、不透明度を0から1に設定します。
  2. プレビュー、RGB、HSL、算術CMYKの値を確認します。
  3. 値をコピーするか、補色・類似色・トライアドのスウォッチを確認します。
  4. 用途を選び、レポートをコピーまたはUTF-8 TXT保存します。編集後は再変換してください。

6桁HEXの範囲

#の有無を問わず、6桁の不透明HEXだけを受け付けます。3桁省略形、アルファHEX、RGB入力、色名は対象外です。

透明プレビュー

不透明度は有限値で0から1に制限されます。市松模様のプレビューはCSS合成を表し、元の色は変更しません。

色の参照

RGB距離は透明なチャンネルのユークリッド距離です。色名は既存の148色CSSマッピングに限定され、CMYKは未校正の算術値です。

全同順位と完全な形式

標準148個のCSS色名と別名を参照します。元のガンマ符号化RGB(0–255)のユークリッド距離の二乗で検索し、最小距離の全同順位を表示します。知覚的マッチ、ブランド配色、商業色規格ではありません。RGB、HSL、Kを含む算術CMYKを保持します。補色(+180°、−180°、元色)、類似色(+30°、−30°、元色)、トライアド(+120°、−120°、元色)の各色は4形式を含みます。

作業とレポート保存

CSS作成、デザイン引き渡し、学習の用途を選びます。元HEXと不透明度、単位付きRGB/HSL、色モデル、全数値、全同順位と距離、各配色を含むUTF-8 TXTをコピーまたは保存します。JavaScript Number精度で計算し、HEXは8ビットです。不透明度は市松模様プレビューのみで、背景や合成マッチを仮定しません。編集・リセットは結果を無効にし、クリップボード失敗時もレポートを選択できます。 数値トークンは最大64文字です。非ゼロ入力や色相の単位変換がゼロにアンダーフローした場合は拒否します。JavaScript の浮動小数点精度は引き続き適用されます。

よくある質問

あわせて知りたいこと

CMYKはプリンターに一致しますか?

いいえ。ICCプロファイル変換や印刷校正ではなく、未校正の算術変換です。

CSS色名はいくつ検索しますか?

別名を含む既存の148色CSS色名マッピングを検索します。

アルファHEXを入力できますか?

いいえ。6桁HEXを入力し、透明プレビューには不透明度を使います。

複数の色名が返る理由は?

aqua/cyanやgray/greyの別名があり、異なる色も同じRGB距離になる場合があります。全同順位を保持します。