Web配色は「美しさ」ではなく「事故を減らす設計」
色で起きる事故、調和より優先すべきもの、WCAGを守る本当の理由。配色理論を学ぶ前に読んでください。
2025-11-26
Color Palette
8 件の記事
Color Palette Generatorの使い方｜配色理論を信じすぎないためのツール
色彩理論に基づいた配色を自動生成。ただし、理論通りに使うと事故る。だからこのツールを作った。
2025-11-14
コントラスト比とWCAG基準｜守る本当の理由はクレーム回避
4.5:1、7:1の意味と、テキストの可読性を確保するための基準。守らないとどうなるかも書く。
2025-11-10
Webデザインの配色、最低限これだけ知っておけば大丈夫
色相環、補色、トーン。実務レベルで必要な知識だけを押さえる。
2025-11-10
色覚多様性に配慮した配色｜色だけで情報を伝えるな
赤緑色覚異常でも区別できるデザイン。配慮というより、事故を防ぐための実装ルール。
2025-11-02
CSS変数でカラーパレットを管理する｜2層構造にする理由
デザイントークンとしての色管理。ダークモード対応、保守性向上の実装パターン。
2025-10-18
補色・類似色・トライアド｜正直、そのまま使ったことはない
6種類の配色ルールを用途別に解説。ただし、理論通りに使うと事故る理由も書く。
2025-10-05
HEX・RGB・HSLの違いと使い分け｜私がHSLを使わない理由
3つの色指定形式の特徴と、どの場面でどれを使うべきか。結論：基本はHEX、透明度はRGB、HSLはほぼ使わない。
2025-09-12