English

🎨 色生成アルゴリズム比較

数学的理論に基づく美しい色の生成

概要

このプロジェクトでは、5つの色を生成するアルゴリズムを実装しています。 それぞれのアルゴリズムは、異なる用途やデザイン要件に適した色の組み合わせを提供します。

等間隔色

データ可視化に最適

フィボナッチ色

数学的に興味深い

カラーホイール色

デザイン理論に基づく

黄金比色

自然の美しさを再現

交互色生成

寒色系と暖色系の交互生成

色生成アルゴリズム比較

等間隔色 20色

generateEquidistantColors(20) - 最もシンプルで確実に色が分散される

色相を360度を均等に分割して色を生成。データ可視化で最も一般的に使用され、予測可能で色の分布が均等。 シンプルなため、多くの色が必要な場合に適している。
参考文献: J. Chao, I. Osugi, and M. Suzuki, "On Definitions and Construction of Uniform Color Space," in Conference on Colour in Graphics, Imaging, and Vision, vol. 2, no. 1, 2004, p. 55. doi: 10.2352/CGIV.2004.2.1.art00012.

フィボナッチ色 20色

generateFibonacciColors(20) - フィボナッチ数列を使用した数学的に興味深い色

フィボナッチ数列の逆数(約0.382)を使用して色相を決定。黄金比に似ているが、より数学的に興味深い分布。 芸術的なアプリケーションやデザインに適しており、自然な美しさを持つ色の分布を生成。

カラーホイール色 20色

generateColorWheelColors(20) - カラーホイール理論に基づく洗練された色の組み合わせ

基本色相(赤、黄、緑、シアン、青、マゼンタ)を基準に、補色・三色配色理論に基づいて色を生成。 デザインやアート作品に最適で、色理論に基づいた調和の取れた配色を提供。 6色以下の場合は基本色相を直接使用し、それ以上は補間で生成。
参考文献: J. Itten, The Art of Color. [https://www.blinkist.com/en/books/the-art-of-color-en](https://www.blinkist.com/en/books/the-art-of-color-en)

黄金比色 20色

generateGoldenRatioColors(20) - 自然界の美しい比率を色彩に応用

黄金比(約0.618)を使用して色相を決定。自然界に多く見られる美しい比率で、視覚的に調和の取れた色の分布を生成。 芸術作品や高級感のあるデザインに適しており、人間の目に自然で美しく感じられる色の組み合わせ。 数学的にも興味深く、無限に続く色のパターンを生成。
参考文献: "Introduction, Explanation & Calculation," Golden Ratio Colors.[https://goldenratiocolors.com/introduction-explanation-calculation-golden-ratio-colours/](https://goldenratiocolors.com/introduction-explanation-calculation-golden-ratio-colours/)

交互色生成 20色

generateAlternatingColors(20) - 寒色系と暖色系の対比による色の組み合わせ

寒色系の範囲(200°-300°)をn分割して色を生成。偶数番目は寒色系、奇数番目はその補色(暖色系)を使用し、 視覚的な対比を強調します。データ可視化やUIデザインに適した色選択。 統一感のある色の組み合わせで、キャンドルチャートや対比が必要なデータ表示に最適。

インタラクティブ色生成

現在の設定

アルゴリズム: 黄金比色
色の数: 10
彩度: 0.8
明度: 0.6

生成された色