デザイン
デザインツール
HEX/RGB/HSL変換、カラーパレット、CSSグラデーション、box-shadowなど、UI制作とフロントエンド実装を支えるデザインツールです。 ブラウザで動作し、データはサーバーに送信されません。
デザインでできること
- HEX/RGB/HSLを相互変換してCSSに貼り付ける
- アルファ付き（RGBA/HSLA/HEX8）の値を確認する
- 色のプレビューを見ながら調整する
- 白/黒背景のコントラスト比を確認して可読性を上げる
このカテゴリについて
HEX/RGB/HSL変換、カラーパレット、CSSグラデーション、box-shadowなど、UI制作とフロントエンド実装を支えるデザインツールです。
すべてのツールはブラウザ内で動作し、入力データはサーバーに送信されません。
よくある質問
3桁HEX（#RGB）も使えますか？
はい。#RGBは#RRGGBBとして展開して扱います。
コントラスト比は何の指標ですか？
WCAGのアクセシビリティ指標の目安で、文字の読みやすさの参考になります。
入力データはサーバーに送信されますか？
いいえ。すべての処理はブラウザ内で完結し、データが外部に送信されることはありません。