色からCSS Filter
HEXカラーを近似的なCSS filter文字列に変換し、黒いサンプルでプレビューしてコピーします。ヒューリスティックな近似で、ピクセル単位の一致は保証しません。
目標
フィルター後の黒
ヒューリスティック近似。実際の要素で調整してください。
使い方
使い方
- 6桁のHEXカラーを入力するか、カラーピッカーで選びます。
- 生成された filter、目標色、フィルター後の黒いサンプルを確認します。
- 宣言をコピーし、元の要素が違う場合は調整します。
ヒューリスティック近似
CSS filter は黒いサンプルを基準に限定的なヒューリスティックで近似します。元の色、背景、ブラウザー、順序が違えば結果も変わります。出力は出発点として対象レイアウトで調整してください。
ローカル処理
解析、近似、プレビュー、コピーはブラウザー内で行い、色やCSSは送信しません。
よくある質問
あわせて知りたいこと
正確な変換ですか？
CSS filter は黒いサンプルを基準に限定的なヒューリスティックで近似します。元の色、背景、ブラウザー、順序が違えば結果も変わります。出力は出発点として対象レイアウトで調整してください。
どの要素にも使えますか？
標準CSSですが、結果は元のピクセルと背景に依存します。実際の要素で確認してください。