サイト制作メモ

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

投稿日:

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

たとえば

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

ってないですか?

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

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

配色の見本帳

色の探し方

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

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

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

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

便利!

配色の見本帳

-サイト制作メモ
-, ,

関連記事

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

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

やることリスト

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

画面の縦幅いっぱいに背景画像を表示する

画面全体に背景画像を表示するには、 background:url(‘画像を指定’); background-size:cover; でできますが、 いやいや、一画面だけでなくそ …

パーマリンクの設定

stinger8のダウンロードサイトにはパーマリンク設定を”postname”にしているとあったのでそのように設定してみた。 で、実際に新規で記事を追加すると 記事のタイトルが …

スライドショーの画像を切り抜いたように表示する

よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。 次回 …