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

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

Photoshopで明度を調節できるスクリプト「Lighten / Darken Color」で効率アップ

Photoshopでカラーの明度を簡単に調節できるスクリプトが便利だったのでご紹介。 「描画色」を

記事を読む

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む