個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

カラーを遊べ!16進数カラーコードのイベンダーゲームでHEX博士だ

カラーを遊べ!16進数のカラーコードのイベンダーゲームでHEX博士だ

16進数カラーコードいわゆるHEXをイベンダーゲームで楽しみながら学べる「Hex Invaders」をご紹介します。
ゲームを利用したデザインやカラー、フォントサービスがいろいろと出ていますが、今回はカラーとインベーダーゲームを掛けあわせたサービスです。
16進数のカラーコードHEXは普段からIllustratorやPhotoshopをはじめ、CSSなどでも利用する機会が多々あると思います。
このコードを覚えておけば、いちいちカラーピッカーを開く必要がないので、作業も断然早くなるわけですが、代表的なコード以外、ほとんど記憶にない、という方も多いのではないでしょうか。
そこでインベーダーゲームです。
ゲーム感覚でHEXコードが覚えられたら楽しいですよね。
ご参考になれば幸いです。

16進数のカラーコードHEXをゲーム感覚で学べる「Hex Invaders」

Hex Invaders」は、16進数のカラーコードHEXをゲーム感覚で学べる無料サービスです。

「Hex Invaders」の遊び方

遊び方はというと、画面上部に指定のHEX(16進数のカラーコード)が表示されていますので、そのHEXと同じカラーで表現されたインベーダーをミサイルで攻撃するというものです。
カラーを遊べ!16進数のカラーコードのイベンダーゲームでHEX博士だ
インベーダーが数匹出てきます(レベルによって異なる)。
正解と思うインベーダーにクリックすると、ミサイルが発射するという寸法です。
カラーを遊べ!16進数のカラーコードのイベンダーゲームでHEX博士だ
1レベルにつき、数問正解するまでは次のレベルに進めません。
しかし、出てくるのは数匹のインベーダーですから、撃ちまくればいつかは正解するでしょう。
ただし、間違えると減点がありますのでご注意を。
楽しんでください!

Hex Invaders

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 1

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」

「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」

カラー/配色を決定するのって本当に難しいですよね。 皆さんはどんな方法で決定しているのでしょうか。

記事を読む

配色に便利なPCCSをCMYK、RGB、HEX値に変換:PCCS・CMYK・RGB・HEX値対応表

PCCSというものをご存知でしょうか? PCCSとはPractical Color Coordin

記事を読む

流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

日本流行色協会(JAFCA)が2014年秋冬のトレンドカラーを発表しましたのでご紹介します。 JA

記事を読む

フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツール「Blend」

フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツール「Blend」

フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツールをご紹介。 背

記事を読む

2016年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色・トレンドカラー

2016年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色・トレンドカラー

SpinExpoが2016年秋冬の流行色・トレンドカラーを発表しました。 デザインや商品企画などで

記事を読む

効果的な配色なら!実践で使えるカラーパレット100

効果的な配色を!実践で使えるカラーパレット100

カラー・色は、あらゆる人の人生においてもっとも重要な要素の1つではないでしょうか。 特にデザイン領

記事を読む

2014年春夏の流行色・トレンドカラーをLenzing(レンチング)社が提示

2014年春夏の流行色(トレンドカラー)については、前回の記事「2014年春夏の流行色・トレンドカラ

記事を読む

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自

記事を読む

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できるカラーピッカーをご紹介。 スイス

記事を読む

PANTONEカラー検索・変換の決定版ツール「Find a PANTONE Color」でRBG、CMYK、HEX変換が一瞬になった

PANTONEカラー検索・変換の決定版ツール「Find a PANTONE Color」でRBG、CMYK、HEX変換が一瞬になった

PANTONEカラー検索・変換の決定版ツール「Find a PANTONE Color」をご存知でし

記事を読む