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

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

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

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

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

記事を読む

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

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

記事を読む

2014年夏のトレンドカラー・流行色:Le Cuir発表

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

記事を読む

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

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

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

記事を読む

この配色は美しい!ウェス・アンダーソンの映像美を支える配色/カラーパレットを解析した「Wes Anderson Palettes」

類まれなセンスで映画をつくるウェス・アンダーソン監督。 その独特な感性で表現される世界観は多くの人

記事を読む

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って色に決まりました。

記事を読む

Illustratorでもっておくと便利!無料のグラデーションスウォッチ1000+

Illustratorのデザインでもっておくと便利なもの。 パターン、ブラシ、そして、今回ご紹介す

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

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

記事を読む