kintone有効活用番外編。色の指定方法。
カスタマイズでの色の指定
これまで何度か次のような色を扱うカスタマイズをご紹介しました。
color: #ffffff;
kintoneの知識ではありませんが、知っておくと応用が利くので解説します。
ちなみに、色の変更を含む記事をまとめます。
kintoneでHTMLの操作 スペースフィールドで一目でわかるステータス表示
kintoneのカスタマイズ。ポータルに情報を掲載する。
kintoneのカスタマイズ。アプリのデータを利用してポータルに情報を掲載する。
kintoneのカスタマイズ。アプリのデータを利用してポータルに情報を掲載する。
kintone有効活用。チェックボックスが小さくてチェックしにくい。CSSでチェックボックスをボタンにカスタマイズ。
6桁のアルファベットの意味
color: #ffffff;
例で出したコードですが、「色を白にする」という意味です。
#から後ろの6桁のアルファベット（と数字）で色を指定します。
#000000（黒）から#ffffff（白）で指定することができます。それぞれの桁は0～fまでの16進数で指定します。
最初の2桁で赤、次の2桁で緑、最後の2桁で青を表現します。
#ff0000 赤
#00ff00 緑
#0000ff 青
となります。
説明だけではなかなか伝わらないので、コードと一覧の一部を例示します。
| #330000 | #990000 | #ff0000 |
| #003300 | #009900 | #00ff00 |
| #000033 | #000099 | #0000ff |
| #333333 | #993333 | #ff3333 |
| #333333 | #339933 | #33ff33 |
| #333333 | #333399 | #3333ff |
| #339999 | #999999 | #ff9999 |
| #333333 | #339933 | #33ff33 |
| #999933 | #999999 | #9999ff |
| #33ffff | #99ffff | #ffffff |
| #ff33ff | #ff99ff | #ffffff |
| #ffff33 | #ffff99 | #ffffff |
kintoneでの色の指定だけにとどまらず、Webでの一般的な色の指定方法ですので覚えておくと応用の幅が広がります。
ゴートップではkintoneを活用した業務の効率化のご相談を承っております。
現在の業務に課題を抱えている方は是非ゴートップにお問い合わせください。
詳しくは当社kintoneソリューションサービスのページをご覧ください。
さまざまな方や企業の多様なニーズにお応えする「エスコートン」サービスの提供を開始しました。
お悩みに合わせた3つのサービスメニューをご用意しました。
