すべてのカテゴリ

以前に書いた記事の続きに当たります。あるWEBアプリケーションのデモ開発を行った後、UIの一部、表題内容の処理部分をパーツとして分解し、JSFiddleとCodePenで公開しました。本記事はQiitaで公開した記事の要約版と補足になります。 前提本記事ではあくまでも実際のケースに沿った表現方法の一例として、mix-blend-modeを使った方法を紹介しています。シンプルにRGB→CMY変換、減法混色をしたい場合には、白（#FFFFFFもしくはRGB(255,255,255)）からの減算の方がロジックとして王道と思います。目的Ｃ、Ｍ、Ｙ、それぞれのカラーブロックを重ね、実際に混色した際の色をシミュレートします。ベースロジックのデモのため、それぞれの色成分初期値は濃度１００％（C→RGB(0,255,255)、M→RGB(255,0,255)、Y→RGB(255,255,0)）とし、濃度の調整はスライダーにより、３色同比率で増減させます。 つまり、結果的には単に見た目が黒から白への濃度変化するものになるのですが、その表現方法の構築が本記事でのメインとなります。なお、当該のアプリケーションではＣ、Ｍ、Ｙ、個別の濃度調整スライダーを実装しています。また、それぞれの色成分初期値が、例えば、シアンの初期値（濃度１００％）はRGB(0, 255, 255)ではなく、RGB(65,225,210)という具合にクライアントによって変更できるようになっています。技術的な話 概ね以下の通りです。 ・Ｃ、Ｍ、Ｙ、それぞれについてDIV要素を設定（カラーブロック）、背景に初期値を設定・カラーブロック

　掛け算をExcelで行う場合は、『*』：アスタリスクを利用する場合があります。２つのセル内の数値の掛け算であれば、手入力でも十分です。しかし、掛け合わせるセルの数が多い場合は、手打ち入力には手間暇がかかってしまいます。そんな時には、PRODUCT関数を利用します。＝PRODUCT（セル）において、セルにはセル範囲の指定も可能です。例えば、=PRODUCT(D2:D3)でも計算可能です。ただし、数値の個数は255個が限度です。まぁ、255個も掛け合わせる機会はそうそうなさそうですが…。