ANYWEB LAB / COLOR CODE CONVERTER
ちょっとしたカラーコード変換
HEX、RGB、RGBA、HSL、HSLAを相互変換して、色プレビューとコピーまで確認できます。
CSS調整、デザインメモ、色指定の確認に使う小さな開発補助ツールです。
色の見え方はディスプレイや環境で変わります。白文字/黒文字の目安は厳密なアクセシビリティ検査ではありません。
COLOR INPUT
カラーコードを入力する
#fff、#ffffff、rgb()、rgba()、hsl()、hsla() を入力できます。
カラーコードを入力して「変換する」を押してください。
COLOR PREVIEW
色プレビュー
変換結果と、文字色の見え方の目安を表示します。
#315f86
-明るさ目安
-読みやすそうな文字色
変換すると色の目安を表示します。
CONVERTED VALUES
変換結果
HEX-
RGB-
RGBA-
HSL-
HSLA-
HOW TO USE
使い方
- カラーコードを入力するか、カラーピッカーで色を選びます。
- 必要に応じてalpha値を調整します。
- 「変換する」を押してHEX、RGB、RGBA、HSL、HSLAを確認します。
- 必要な形式をコピーしてCSSやメモで使ってください。
ABOUT THIS TOOL
このツールについて
ちょっとしたカラーコード変換は、CSSで使う色指定をブラウザ上で相互変換する簡易ツールです。
色の見え方はディスプレイ、OS、ブラウザ、周囲の明るさで変わります。コントラストの表示は目安として使ってください。
入力内容は端末内で処理され、サーバーへ送信・保存しません。
利用者コメント
まだコメントはありません。
コメントする