カラーリファレンス

カラーフォーマット、名前付きカラー、Tailwind CSSカラーの権威あるリファレンスガイド。

カラーフォーマットリファレンス

HEX、RGB、HSL、CMYK、OKLCHを含む11のカラーフォーマットの定義、値の範囲、使用法。

名前付きカラー

500以上の名前付きカラーの完全なリスト(16進値、RGB、カテゴリ付き)。

Tailwind CSSカラー

22ファミリーと11シェードすべてを含むTailwind CSS v4のデフォルトカラーパレット完全版。

マテリアルデザインカラー

すべてのシェードを含むMaterial Design 2の完全なカラーパレット。任意の色をクリックして16進数値をコピーできます。

パントンカラー

人気のパントンカラーとHEXおよびRGBの近似デジタル値。パントンコードまたは色名で検索できます。

RALカラー

RAL Classicカラーチャートの完全版とHEX等価値。RALコードまたは色名で検索できます。

フラットUIカラー

HEXコード付きのクラシックなフラットデザインカラーパレット。オリジナルのFlat UIパレットと人気のコミュニティ拡張版。

Appleシステムカラー

ライトモードとダークモードのバリアントを持つiOSとmacOSのシステムカラー。Apple Human Interface Guidelinesの完全なカラーパレット。

Bootstrapカラー

テーマカラー、グレー、拡張パレットを含むBootstrap 5の完全なカラーシステム。CSS変数名付き。

パステルカラー

80以上の厳選されたパステルカラーとHEXコード。色相ファミリー別に整理されたソフトで落ち着いたトーン。

ネオンカラー

HEXコード付きの鮮やかなネオンカラー。大胆なデジタルデザインのためのエレクトリックな色相。

アースカラー

HEXコード付きの自然なアースカラー。テラコッタ、オリーブ、シエナ、オーカーなどのオーガニックな色相。

ヴィンテージカラー

HEXコード付きのレトロ・ヴィンテージカラーパレット。ミッドセンチュリーデザインにインスパイアされた彩度を抑えた暖かいトーン。

エステティックカラー

HEXコード付きのトレンドエステティックカラーパレット。コテージコア、ダークアカデミア、ヴェイパーウェーブ、ミニマリストなど。

肌色カラー

デジタルイラストやキャラクターデザインのためのHEXコード付き包括的な肌色カラーレンジ。

髪色カラー

デジタルイラストやキャラクターデザインのためのHEXコード付きナチュラル&ファンタジー髪色パレット。

メタリックカラー

デジタルデザインのためのHEXコード付きゴールド、シルバー、ブロンズ、コッパーなどのメタリックカラーバリエーション。

CSS透明度ガイド

CSSにおける色の透明度の完全ガイド。不透明度からHEXへの変換表、RGBA、HSLA、モダンCSSフォーマット。

CSSカラー関数

color-mix()、oklch()、相対カラー構文などのモダンCSSカラー関数のリファレンスガイド。

カラースペース解説

カラースペースのビジュアルガイド:sRGB、Display P3、HSL、LAB、LCH、OKLCH。それぞれの使い分けと違いを学びましょう。

Webセーフカラー

クラシックな216色のWebセーフカラーパレット。初期のブラウザで一貫して表示されることが保証されたすべての色。

The Ultimate Guide to Design Tokens

A comprehensive reference for designers and engineers building with design tokens.

The Complete Guide to Color Theory

An interactive deep-dive into the color wheel, harmony, temperature, mixing, contrast, psychology, and modern digital color.

The Complete Guide to Dark Mode Design

How to design dark interfaces that are beautiful, accessible, and technically sound — from surface elevation to semantic tokens.