HEX、RGB、HSL、CMYK、OKLCHを含む11のカラーフォーマットの定義、値の範囲、使用法。
500以上の名前付きカラーの完全なリスト(16進値、RGB、カテゴリ付き)。
22ファミリーと11シェードすべてを含むTailwind CSS v4のデフォルトカラーパレット完全版。
すべてのシェードを含むMaterial Design 2の完全なカラーパレット。任意の色をクリックして16進数値をコピーできます。
人気のパントンカラーとHEXおよびRGBの近似デジタル値。パントンコードまたは色名で検索できます。
RAL Classicカラーチャートの完全版とHEX等価値。RALコードまたは色名で検索できます。
HEXコード付きのクラシックなフラットデザインカラーパレット。オリジナルのFlat UIパレットと人気のコミュニティ拡張版。
ライトモードとダークモードのバリアントを持つiOSとmacOSのシステムカラー。Apple Human Interface Guidelinesの完全なカラーパレット。
テーマカラー、グレー、拡張パレットを含むBootstrap 5の完全なカラーシステム。CSS変数名付き。
80以上の厳選されたパステルカラーとHEXコード。色相ファミリー別に整理されたソフトで落ち着いたトーン。
HEXコード付きの鮮やかなネオンカラー。大胆なデジタルデザインのためのエレクトリックな色相。
HEXコード付きの自然なアースカラー。テラコッタ、オリーブ、シエナ、オーカーなどのオーガニックな色相。
HEXコード付きのレトロ・ヴィンテージカラーパレット。ミッドセンチュリーデザインにインスパイアされた彩度を抑えた暖かいトーン。
HEXコード付きのトレンドエステティックカラーパレット。コテージコア、ダークアカデミア、ヴェイパーウェーブ、ミニマリストなど。
デジタルイラストやキャラクターデザインのためのHEXコード付き包括的な肌色カラーレンジ。
デジタルイラストやキャラクターデザインのためのHEXコード付きナチュラル&ファンタジー髪色パレット。
デジタルデザインのためのHEXコード付きゴールド、シルバー、ブロンズ、コッパーなどのメタリックカラーバリエーション。
CSSにおける色の透明度の完全ガイド。不透明度からHEXへの変換表、RGBA、HSLA、モダンCSSフォーマット。
color-mix()、oklch()、相対カラー構文などのモダンCSSカラー関数のリファレンスガイド。
カラースペースのビジュアルガイド:sRGB、Display P3、HSL、LAB、LCH、OKLCH。それぞれの使い分けと違いを学びましょう。
クラシックな216色のWebセーフカラーパレット。初期のブラウザで一貫して表示されることが保証されたすべての色。
A comprehensive reference for designers and engineers building with design tokens.
An interactive deep-dive into the color wheel, harmony, temperature, mixing, contrast, psychology, and modern digital color.
How to design dark interfaces that are beautiful, accessible, and technically sound — from surface elevation to semantic tokens.