Color & Design

デザイン配色とレイアウト黄金比——視覚的調和のための精密パレット。

色彩調和エンジン

基準HEXを選ぶと、色彩理論に基づき補色・類似色・トライアドのパレットを自動計算します。

パレットを実際のUIに適用する際、ウェブアクセシビリティとWCAGコントラスト検証には AdrianTiba のカラー・Delta E・コントラストツールが役立ちます。

基準色 (HEX)

カラーピッカー

コンテナ全体の幅を入力すると、φ ≈ 1.618 の黄金比でメインとサイドバーに分割します。

ビューポート / コンテナ幅 (px)

黄金比 φ ≈ 1.618 — 広い領域（約61.8%）がメインコンテンツに割り当てられます。

メインコンテンツ
890px

サイドバー
550px

合計 1440px → メイン 890px + サイドバー 550px (φ = 1.618)

体積計量の限界を超え、精密なグラム単位スケーリング、AIレシピ解析、大量調理向けバッチ計算で一貫した品質を実現します。

利益率、税金、収益化を扱う個人事業主・飲食店・フリーランサー・パブリッシャー向けの高信頼計算機。

デザイナーとアーティストのための配色理論と視覚的バランス—調和のとれたパレット、黄金比、創作ワークフロー向け比例ガイド。

香水・キャンドル・化粧品の精密比率計算とオイルスケーリング—グラム単位で整えた手仕事の配合公式。

建築資材、セメント、エポキシ、化学品の安全で正確な配合比率—現場と工場のための設計された混合ガイド。