大学ICT推進協議会
2011年度年次大会 論文集

C12-4
モバイル端末向け色彩分析ツールの開発
大渕一博 †，宮内博実 ‡† 札幌市立大学デザイン学部，‡ 静岡文化芸術大学デザイン学部†ohbuchi@scu.ac.jp，‡h-miya@suac.ac.jp

はじめに

日それをもとに出現色の範囲を把握するためにこれまで筆者らは，色彩を数値的に扱うため，プロットする手法もとられる．

「Hue & Tone Matrix」と呼ばれる色彩分布を考

このとき，マンセル表色系はデジタル的に作案し，誰でも容易にかつ効率的に色彩分析を行られたものではなく，人間の感覚に基づいて作成うことができるようなソフトウェア群「HTMXされた表色系であるため，視感測色を行うには，Suite」を開発した [1]．

色彩に関する十分な訓練が必要とされる．すなわ

HTMX Suite は 6 つのソフトウェアから構成されており，Windows ならびに Macintosh で動ち，色彩に十分な知識や経験がない者にとっては，精度を上げた分析が困難になる．

作するデスクトップアプリケーションである．こまた，視感測色の際には，対象物の色彩を色見れらは，都市計画やマーケティング，デザイン教本帳などから選ぶ必要がある．そのため，対象物育等，さまざまな場面で活用されている．具体的の色彩を理解し，それにもっとも近い色彩を見本には，札幌市における大型構造物景観ガイドラ帳から選ぶという能力が必要とされる．

インの策定 [2]，道内外の企業における商品開発，このように色彩の分析には，知識と訓練が必要

授業課題や卒業制作等で利用実績があり，成果をとなるため，実際の視感測色作業はかなり困難なあげている．

作業となる．そこで筆者らは，対象となる景観のこのシステムではデジタルカメラ等で撮影し色彩分布や分析を，容易に，かつ効率的に行うたた画像や映像を PC に読み込んで，分析する必要めのソフトウェア開発を行った．開発に先立ち，があるが，モバイルツールを活用することで調査

まず数値的に色彩を扱うために，マンセル表色現場において分析が可能となれば，より簡便でか系をベースとした新しい色彩分布（Hue & Tone

つ迅速な分析が可能となる．

Matrix）を考案した（図 1）．この色彩分布は，そこで本報告では，このような迅速な色彩分析

有彩色と無彩色の色彩分布を表現可能となってを，より簡便に行うことを目的として，モバイル

い る も の で， 有 彩 色 で は PCCS ト ー ン 分 類 [4]ツール上で動作する色彩分析システムの開発をや NCD のトーン分類 [5] を参考として，色相を行う．

48，明度・彩度を 25 の段階に分割し，2 次元のマトリクス形式で表したものである．また無彩色

Hue & Tone Matrix とは従来，自然景観あるいは人工景観の色彩分析を行うには，対象となる景観を視認できる地点において，マンセル表色系 [3] などの人間の感覚に基づいたカラーシステムによって作成された標準色票と対象物とを目視しながら，対象物の色彩を単色でプロットしていく手法（視感測色という）がとられる．気象条件や時間的な問題で現場での作業が困難な場合には，対象物を写真撮影し，後― 367 ―図1

Hue&Tone Matrix

大学ICT推進協議会
2011年度年次大会 論文集は明度を 18 段階に分割している．この結果，カラー 1200 色，モノクロ 18 色，計 1218 色を表現できるものになっている．
静止画像をこのソフトウェアで分析する場合，画像から抽出した色にもっとも近い色彩をこの1218 色の中から探してプロットすることにな《PC版システム》《モバイル版システム》

写真撮影

アプリ起動

写真をPCに読込

写真撮影

ImageAnalyzer起動

る．これまで開発したソフトウェアでは，画像上に出現した色の頻度に応じて，表示サイズを変え写真データを開くてプロットしている．

色彩分析

モバイル版システムの開発

色彩分析

分析データ保存

PC 版システムはこれまで，共同開発者や色彩研究を行なっている団体に所属しているメン

PatternMaker起動

バーを中心に利用されてきたが，利用者の中にはPC そのものの利用に不安があるユーザも多く，分析データを開くシステムを十分に使いこなせないケースも見らパターン表示れた．
そこで，近年急速に普及しつつあるモバイル

図２ツール，中でも大きな操作画面を有している，パターン表示システムの操作手順比較

アップル社の iPad をターゲットとしたシステム開発を計画した．iPad を対象としたのは，研究する．さらに，上記の機能を搭載すべく，コーディ代表者がすでに iPhone 向けのシステム開発経験ングを行う．開発言語としては，Objective-C をがあり，同じ開発環境を使用して iPad 向けのシ利用する．
PC の利用に不安があるユーザにおいても容易ステム開発を行うことができるからである．
システム開発にあたっては，すでに開発済みに利用できるよう，シンプルな機能となるを目指の PC 版 色 彩 分 析 ツ ー ル（HTMX Suite） に 含している．PC 版とモバイル版の操作手順を図２

まれる機能のうち，もっとも利用頻度の高い機に示す．PC 版ではデジカメ等の撮影機器やカー能を搭載したアプリケーションを開発することドリーダ等，複数の機器が必要となるが，モバイを目指した．具体的には，静止画像を読み込ん

ル版はモバイル機器１つあれば実行可能であり，で Hue & Tone Matrix 上 に 色 彩 分 布 を プ ロ ッ

手順としても圧倒的に操作が簡易化されている

ト す る こ と が 可 能 な ImageAnalyzer と， 静 止

ことがわかる．

画像から抽出される出現頻度が上位の色を使用してアソートパタ＝ンを生成することが可能な

モバイル版システムの概要

PatternMaker の一部の機能を盛り込むこととし開発したアプリケーションは，iOS4.2 以上をた．開発手順としては，無償で配布されるモバ搭載した，アップル社製の iPad ならびに iPad2

イル機器向けのシステム開発ソフトウェア（iOSで動作確認している．

SDK，バージョン 3.2.4）をインストールしたアプリケーションを起動すると図３のようにMacintosh を利用し，モバイルツールの画面上表示される．最初に分析したい静止画像を取りに表示されるインタフェースを新規にデザイン

込む．取り込む方法は２通りあり，iPad に内蔵― 368 ―大学ICT推進協議会
2011年度年次大会 論文集

図３

アプリケーション起動画面
図６

アソートパターン表示画面ることも可能である．
次に「分析開始」ボタンをタップすると分析が始まる．分析の進行状況はプログレスバーで表示
され，分析が終わると Hue & Tone Matrix 上に色彩分布が表示される（図５）．また出現頻度上位 10 位までの色が別途表示される．さらに，頻度上位何位までを Hue & Tone Matrix 上に表示
図４

させるかを，ユーザが選択することもできる．

画像の分析対象領域選択

分析後，「パターンを表示」ボタンをタップすると，現頻度上位色で構成された各種のアソートパターンを生成する（図６）．これらのパターンは，デザイン発想などにおいて有益なものである．
まとめ
現在はシステム開発の段階であり，アプリケーションを広く配布するまでには至っていない．前
述した色彩研究を行なっている団体に所属して図５いるメンバー数名に試用していただいている状

色彩分析画面況である．試用時の感想としては，操作がシンプルであることと，容易に分析結果が得られることされたカメラを利用して撮影する方法と，すでにから，概ね好意的な評価を得ている．

iPad 内に保存された写真をライブラリから読み今後はテストユーザからのフィードバックを込む方法がある．内蔵カメラで撮影した写真はラ参考にしながら，より実用的なアプリケーションイブラリに保存することもできる．とする予定である．

取り込んだ写真においては，画像上をドラッグすることにより，分析したい領域を自由に指定す

付記ることができる（図４）．この領域は複数指定す― 369 ―

本研究は，平成 23 年度札幌市立大学学内学術

大学ICT推進協議会
2011年度年次大会 論文集

奨励研究費により行われていることを付記する．
参考文献[1] 大渕一博，宮内博実：「色彩分析ソフトウェ
ア群 "HTMX Suite" の開発」，第 11 回日本感性工学会予稿集 2009（CD-ROM），1F35，2009．
[2] 大渕・宮内：「色彩分析ソフトウェアの開発と適用事例」，第６回日本感性工学会大会予稿集 2004，p.147，2004．
[3] 日 本 色 彩 学 会 監 修：「Coloring Guide」，p.17，日本塗料工業会，1996．
[4] 日本色彩学会編：「新編 色彩科学ハンドブック【第 2 版】」，日本色彩学会，1998．
[5] 小林重順：「カラーシステム」，日本カラーデザイン研究所，1999．

― 370 ―