MENU
オンライン講座開催中
html&css講座開催中

カラー番号の取得や配色見本に便利な無料で使えるサイト紹介

にゃんこ1

WEBサイトやLPやバナー制作など。色番号を調べるのに便利なサイトを紹介するにゃ。

目次

カラーピッカー

感覚的に、好みの色の色番号がわかる

Google Chromeのブラウザーで「カラーピッカー」と入力すると、一番上にこのような「カラー選択ツール」が現れます。

カラースライダーで色味を選んで、
明るさなどは右上のカラー部分でドラックすると、左部分に指定している色が大きく表示されます。

AdobeColor

並べられている色の中から選んで使える

流行りの色並びを見ることができます。

画像をクリックすると詳しいカラー番号のページに飛びます。

にゃんこ2

3色以内くらいで1ページを作成すると、まとまりのあるページに仕上がりやすいとされてるにゃ。

画像の色番号がわかる

ドラックで画像のとりたい場所を指定できます。

画像のグラデーションが作れる

ドラックで画像を入れます。

グラデーションの数なども指定できます。

にゃんこ1

他にも色々な機能があるので使ってみてね

ColorZilla

開いているページの色がすぐにわかる!Google Chromeの拡張機能

Chromeに追加して使います。

スライドするとその部分の色番号がわかります

クリックして確定させましょう

色番号を取得したら、×を押すと通常操作に戻れます。

詳しくは講座に来てね

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次