サイト制作メモ

webサイト制作時に役立つ!メインカラーを元にカラーを選べるサイト

投稿日:

web制作する時にカラーの組み合わせを調べたい時、色々なジェネレーターはあるけど

たとえば

メインカラーがすでに決まっていて
それに合うカラーが知りたい時

ってないですか?

私は結構あります。
で、ジェネレーターを見てみてもカラーの組み合わせは豊富にあるけど特定の色を元にあわせてくれるものが意外となかったりします。

先日見つけた色見本のサイトがかなり便利だったのでメモ。

配色の見本帳

色の探し方

まずはサイトのトップページから「色検索」を選択

メインのカラーコードを入力して下にあるボタンをクリック

すると、
メインカラーがどのような色なのかを教えてくれる上に

下にスクロールすると組み合わせを教えてくれます。

便利!

配色の見本帳

- サイト制作メモ
-, ,

関連記事

動画や連続写真からのアニメーションgifの作成

アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 …

やることリスト

■トップページに新着求人(特定カテゴリ)の記事を表示  タイトル・画像・本文抜粋 ■headerナビゲーションメニューの考慮 ■求人検索用フォームの設置 ■コンテンツの考慮 ■細かいあしらいなど作成

-webkit-とかのベンダープレフィックスをつける重要性

プレフィックスとは、 CSS3を使う際に使用するプロパティの前につけるキーワードです。 サイト制作者には当たり前に思えるベンダープレフィックス。 今までどうしてこれを付けないといけないかがよく分かって …

ページ読み込み時にフェードインのエフェクト【超簡単!】

jQueryの取扱が苦手な私でもすぐに実装することができたフェードインエフェクト。 トップのイメージ画像の上にテキストをふわっと表示させたいなーと思い調べてたら、かなりシンプルな記述でフェードインエフ …

“Swiper”を使ったスライドで左右に画像を表示する

JQueryなしで動く”Swiper”という便利なプラグインを使ってのスライドショー。 左右に画像を表示したい時の注意点をメモ。 ダウンロードはこちらから swiper公式サイ …