画像や資料の見せ方を学ぶ方に
デザイン入門教室［特別講義］増補改訂版
Kindle版（電子書籍）／坂本伸二／SBクリエイティブ
文字、色、写真、レイアウトを組み合わせる、デザインの基本を学ぶ参考書です。
Amazonで見る ↗ちょっとした診断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、ブラウザ、周囲の明るさで変わります。コントラストの表示は目安として使ってください。
入力内容は端末内で処理され、サーバーへ送信・保存しません。
色や配置を学びたい方へ （PR）
配色を検討するときに、色の組み合わせや見せ方を学ぶ参考書です。
購入前に、商品の内容・仕様・状態をご確認ください。リンク先の価格や在庫、出品者は変わることがあります。
利用者の評価・コメント
まだ評価・コメントはありません。
評価・コメントを投稿する
星だけでも送信できます。コメントを書く場合は3〜1000文字で入力してください。
暴言、脅迫、個人への攻撃を含むコメントは公開しません。