個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

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

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

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

記事を読む

カラー・色彩心理学【お手軽版】色・カラーがもつ心理的意味がよくわかる

デザインにおいて色・カラーが重要なのは言うまでもないですよね。 さらに重要になってくるのが配色の知

記事を読む

PANTONE color to the year 2015はMarsalaに!過去のPANTONE color to the yearのクイズも

PANTONE color to the year 2015はMarsalaに!過去のPANTONE color to the yearのクイズも

PANTONE color to the year 2015はMarsalaって色に決まりました。

記事を読む

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

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

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

記事を読む

トレンドカラー・流行色2014年春夏:SpinExpoが発表!

SpinExpoが2014年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi

記事を読む

トレンドカラー(流行色)をご紹介!2013年秋冬のトレンドカラーはこれ

デザインするとき、どんな色にするか迷うことってないですか? クライアントから明確な指示があればいい

記事を読む

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

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

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

記事を読む

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

配色が苦手でも、まとまりのある良い感じのカラーパレットに直してくれるサービスをご紹介します。 便利

記事を読む

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

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

記事を読む

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

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

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

記事を読む