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

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

2015年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

2015年春夏の流行色/トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色/トレンドカラー

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

記事を読む

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

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

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

記事を読む

カラー/色で参考にすべきはブランドカラー!ブランドカラーが一目瞭然ですぐわかる「BrandColors」

カラー/色で参考にすべきはブランドカラー!公式ブランドカラーが一目瞭然ですぐわかる「BrandColors」

カラー/色で大変参考になるブランドカラーががすぐにわかって使いやすいサイト「BrandColors」

記事を読む

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

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

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

記事を読む

Illustratorでのカラーワークで役立つ無料のカラースウォッチライブラリー12

デフォルトのIllustratorはスウォッチパネルがほぼ空状態です。 これは具合が悪い。 いち

記事を読む

デザイナー必携!現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチ1600+

デザイナー必携!現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチ1600+

現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチをコレク

記事を読む

ブラウザ上で、色・カラーをすばやく分析・変換してくれるChrome機能拡張「Colorpeek」

Chrome機能拡張で色・カラーの分析・変換をすばやく行ってくれる「Colorpeek」が便利だった

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

ロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析

ロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析

高品質なロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析

記事を読む