使い方
- 色（例：
#3b82f6）を入力するか、ピッカーを使用します。 - 変換された値（RGB/HSL/CMYK）を即座にコピーします。
- 黒/白テキストの読みやすさについてWCAGの結果を確認します。
- 印刷用のデザイン仕様としてCMYK出力を利用します。
主な機能
- WCAGコントラストチェック: コントラスト比を計算し、AA/AAAの合格/不合格を即座に表示します。
- 印刷用CMYK: 画面上の色を印刷用のCMYKパーセンテージに変換します。
- HSL色空間: より直感的な色相/彩度/明度の編集のためにHSLを使用します。
- システムカラーピッカー: 正確な色選択のために、OSのカラーピッカーで色を抽出します。
- プライバシー保護: すべての変換はブラウザ内でローカルに実行されます。
関連ツール
無料の画像カラーピッカー＆パレットジェネレーター
画像を選択、ドラッグ＆ドロップ、または貼り付けてローカルでピクセルの色を抽出し、HEX/RGB/HSL値をコピーしたり、主要なカラーパレットを生成したりできます。
Lorem Ipsum ジェネレーター (JSON/HTML) - CJK・開発者向け出力
Lorem Ipsumをテキスト、HTML <p>、またはJSON配列として生成します。ローカル処理のみで、アップロードは行われません。中国語のプレースホルダーテキストや可変长コントロールが含まれています。今すぐ生成。
アスペクト比計算ツール＆CSSジェネレーター - TikTok/Reels 9:16
アスペクト比と欠落している寸法をすばやく計算します。ローカルで動作するため、アップロードは不要です。TikTok/Reelsの9:16プリセットやCSSのアスペクト比スニペットが含まれています。今すぐ計算。
計算ロジック
- 変換には、標準的なRGB↔HSLおよびRGB↔CMYKの計算式が使用されています。
- WCAGは相対輝度とコントラスト比を使用します。
- 輝度は (L = 0.2126R + 0.7152G + 0.0722B) として表されます。
- コントラスト比: (\frac{L_1 + 0.05}{L_2 + 0.05})、その後AA/AAAのしきい値と比較します。
よくある質問
色のアクセシビリティ（WCAG）を確認するには？
色を入力し、WCAGパネルを確認してください。黒/白テキストに対するコントラスト比を計算し、AA/AAAの合格/不合格を表示します。
印刷用にHEXをCMYKに変換するには？
HEXコード（例：#FF0000）を入力します。印刷デザイン用に即座にCMYKパーセンテージに変換します。
データは安全ですか（ローカル/プライバシー）？
はい。すべてブラウザ内でローカルに実行され、アップロードやサーバーへの保存は行われません。
無料ですか？制限はありますか？
登録なしで無料で使用できます。いつでも値をコピーできます。
WCAGコントラストはどのように計算されますか？
前景と背景の相対輝度を計算し、(\frac{L_1 + 0.05}{L_2 + 0.05}) を使用してコントラスト比を求め、AA/AAAの評価を行います。