colourintell.
色彩知能のグローバルスタンダード

色の構造とカラーインテリジェンス

ColourIntellを体験:WCAG 2.2コントラスト検証、3Dシミュレーター、パレット生成、1,200色以上の厳選ライブラリを備えたグローバル色彩知能エンジン。

01 / 基本原理

色とは何か? 視覚の物理学と生物学

物理的な本質において、色は物体固有の性質ではなく、380nm(紫)から750nm(深紅)までの可視光線スペクトル内の電磁放射を人間が知覚した解釈です。

人間の視覚は三色型です。網膜にはS錐体(~420nm)、M錐体(~530nm)、L錐体(~560nm)の3種類の視細胞があり、光の波長を色相・彩度・明度として大脳視覚野で認識します。

02 / 手法と理論

カラーインテリジェンスとは何か?

カラーインテリジェンスは、光学物理学、認知心理学、W3Cアクセシビリティ計算、生成デザインシステムの融合です。直感のみに依存した色選びから科学的設計への進化を表します。

直感だけに頼ったWeb開発では、文字の可読性低下、法的アクセシビリティ基準の違反、ダークモードでの認知障害など重大な不具合が発生します。

ColourIntell.comが提供する詳細機能

アカウント登録不要、ブラウザ上で100%完結するプロフェッショナルのための色彩OS:

マルチ色空間エンジン

HEX、RGB、HSL、HSV、CMYK、OKLCH、CIE XYZ、CIE Lab間の即時相互変換。

WCAG 2.2適合テスト

W3C公式アルゴリズムによるリアルタイムな明度比計算(AA/AAA完全準拠)。

幾何学的ハーモニー生成

補色、類似色、三色、四色の幾何学的色彩調和アルゴリズム。

知覚スケール(50–950)

OKLCH色空間で計算された11段階の明度保持トーンスケール生成。

Ask ColourIntell AIエージェント

Gemini搭載の対話型AIが、自然言語から美しいパレットとUIモックアップを自動生成。

認知視覚トレーニング

色彩知覚力、HEX暗算力、アクセシビリティ感覚を鍛えるブラウザゲーム。

マルチフレームワーク出力

CSSカスタムプロパティ、Tailwind、FigmaデザインTokens(JSON)の即座出力。

100%クライアント側プライバシー

画像からのパレット抽出は端末のHTML5 Canvas上で完結。外部送信は一切行われません。

Frequently Asked Questions

ColourIntellとは何ですか?どのような人向けに設計されていますか?

ColourIntellは、UI/UXデザイナー、Web開発者、デザインシステム設計者、ブランド制作者のために開発されたグローバルな色彩知能プラットフォームです。科学的な色空間変換(HEX、RGB、HSL、HSV、CMYK、OKLCH、CIE XYZ、CIE Lab)に加えて、WCAG 2.2アクセシビリティ検証、調和カラーパレット生成、開発者向けコード出力を統合しています。

ColourIntellはどのようにWCAG 2.2のコントラスト比を計算しますか?

ColourIntellは公式のW3C相対輝度方程式 (L1 + 0.05) / (L2 + 0.05) を用いて計算します。sRGBガンマ補正を線形化し、人間の視覚感度比率 (0.2126R + 0.7152G + 0.0722B) を適用して輝度を求めます。通常テキストは4.5:1でAA達成、大型テキスト・UIは3.0:1でAA、7.0:1でAAA基準に適合します。

HEX、RGB、HSL、OKLCHの違いは何ですか?

HEXとRGBはディスプレイの赤・緑・青の光の三原色を表す加法混色です。HSLは直感的な円柱モデルですが知覚的な均一性がありません。Björn Ottosson氏によって開発されたOKLCHは、人間の明度知覚に完全に一致させた最先端の知覚色空間であり、アクセシブルなUI設計の標準となっています。

画像からのパレット抽出は安全かつプライベートですか?

はい、100%安全かつプライベートです。すべての画像解析と色の量子化はお使いの端末のHTML5 CanvasとJavaScript上でのみ実行されます。画像データが外部サーバーに送信されたり保存されたりすることは一切ありません。

幾何学的カラーハーモニーはどのように算出されますか?

360度の色相環上の正確な角度関係に基づいて計算されます:補色(180°対向)、類似色(±30°隣接)、トライアド(120°正三角形)、スプリット補色(150°および210°)、テトラード(90°矩形)。

ColourIntellで生成したトークンを商用製品で使用できますか?

はい、商用・個人利用を問わず完全に無料かつロイヤリティフリーでご利用いただけます。生成されたCSS変数、Tailwind設定、JSONデザイントークンは帰属表示なしで商用アプリに組み込めます。

colourintell.