色彩アプリ

配色シミュレーター

イラストの面に色を流し込んで、配色の見え方をその場で確かめられるツール。素材はレディース・メンズ・インテリアの9種類です。

• PCCSトーン別パレット173色
• 面ごとの面積割合を表示
• 配色をURLに保存して共有

メイクアップ シミュレーター

顔のイラストで、リップ・チーク・眉・瞳・髪の色を変えて見られるツール。顔の絵は3種類です。

• 部位ごとの色票201色
• 顔を3倍まで拡大
• 選んだ色をURLに保存して共有

黄み寄り・青み寄りの2色を比べる

同じ服の絵を2枚並べて、黄み寄りと青み寄りの色を見比べられるページ。気に入った色は、配色シミュレーターで開けます。

• 色名はピンク・赤、緑、青の3組
• PCCSのトーン12種を切り替え
• 服の絵は4点

配色シミュレーター みんなのTPO

配色シミュレーターで色を当てた人物を、オフィス・カフェ・部屋などの背景に並べて見比べられるページ。並べた結果は画像で保存したり、みんなのTPOに残したりできます。

• 人物は5人まで、ドラッグで動かせる
• 背景は場所の絵4種・配色シミュレーターの部屋・自分の写真
• 並べた結果を URL・画像・SNS で共有

sRGB 色域ビューア

sRGB の R・G・B をそれぞれ16等分した4,913色を、CIE 1976 L*a*b* 色空間の位置に並べた立体。回して見て、色相角・明度・クロマで絞り込めます。

• 色相角・明度・クロマのボタンで絞り込み
• CIELAB と RGB立方体の並べ方を切り替え
• 2色の距離 ΔE*ab を表示

操作して学ぶ教材

色の見え方を、画面の上で操作して確かめる教材。先に自分の目で答え、そのあとに値や理由を見ます。

• 面積効果・読みやすさ・同時対比
• ブランドカラー・部屋と服の配色の比率
• 全6本、登録なしで使える

彩札（いろふだ）3D版

『彩札（いろふだ）』の3D版。場・手札・対戦相手の手札をライト3D（three.js）で表現し、テーブルを挟んで対戦しているような雰囲気で楽しめます。ルール・得点計算は通常版（2D）と同一です。

【色彩アプリ】写真から伝統色を見つけよう！

写真の中を押すと、その場所の色にいちばん近い色名を、色彩101の色名一覧から表示するツール。見本の写真ですぐに試せて、お手持ちの写真も読み込めます。

• 見本の写真4枚ですぐ試せる
• 色名一覧の202件から探す
• 写真に多い色名も表示

【色彩アプリ】高性能グラデーション作成ツール

2色・3色・多色を自在に組み合わせたグラデーションを作成できる高機能ツール。WEBデザインやイラストにそのまま使えます。

• 2〜多色グラデーション
• 角度・位置をカスタマイズ
• CSS出力対応

【色彩アプリ】パターン画像生成ツール

色と形状を組み合わせて、オリジナルのパターン画像を自動生成。壁紙や資料の背景に使える素材作りに便利です。

• 多彩なパターンタイプ
• 配色を自由に変更
• PNG画像で書き出し

【色彩アプリ】☆デジタルアートに挑戦！？☆　〇だけを使ったお絵描きを楽しもう！

丸（〇）だけを使って自由にお絵描き。色相・明度・カラフルモードなどパラメータを変えながら、自分だけのデジタルアートが描けます。

• マウス/タップで描画
• 色相・明度を自在にコントロール
• 画像として保存可能