Googleスプレッドシートで色見本を作る
Googleスプレッドシートで下の図のような色見本を作りたいと思って、やってみました。
やり方
カラーコードは、6桁の16進数から作られています。#000000であれば、黒。#FFFFFFであれば、白です。
Googleスプレッドシートには、画像を表示する関数IMAGE
がありますので、この関数に色見本の画像のURLを渡してあげれば、色見本帳ができることになります。
では、色見本の画像はどうやってつくればいいでしょうか。
それには、the color apiという便利なAPIサービスがあります。
このAPIに適当な変数を渡してあげると、HTMLやSVGなど様々なフォーマットで色情報を返却してくれます。
例えば、
https://www.thecolorapi.com/id?format=html&hex=D91E41
と指定すると
こんな感じです。
実際の関数
今回は、SVGという画像フォーマットがほしいので、format=svg
とします。
さらに、カラーコードでの指定するので、&hex=
とします。
そのあとに文字列を結合するCONCATENATE
関数を使ってカラーコードの入力されたセルを指定します。
その時に注意するのが、#
マークです。APIの仕様では#は不要なので、関数RIGHT
を使って右から6文字だけを抜き出しておきます。
セルに入力した関数のサンプルはこちらです。
=IMAGE(CONCATENATE("https://www.thecolorapi.com/id?format=svg&hex=",RIGHT(A1,6)),1)
色見本帳
最終的に作ってみた色見本帳はこちらです。
カラーコードのリストは、以下のサイトより引用にさせていただきました。
https://www.colordic.org/
Author And Source
この問題について(Googleスプレッドシートで色見本を作る), 我々は、より多くの情報をここで見つけました https://qiita.com/takaoaoki/items/ffb4c393dc6f0a06df94著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .