Resource - カラースキーム

ツールやグラデーション、パレットやブランドカラーサンプルなど、色に関する様々な大量のリソースを集約した・「Colorsinspo」

Colorsinspo Colorsinspoは色に関する様々な大量のリソースを集約しているプロジェクトサイトです グラデーションやカラーツール、パレットサンプルやブランドカラーサンプル、インスピレーションの為の情報など、色に関...

コントラストの比率と実際に背景とテキストカラーを使用した状態を確認できるカラーコントラストチェックツール・「Color Contrast Checker」

Color Contrast Checker Color Contrast Checkerは指定したテキストカラーと背景カラーの2つのカラーのコントラストの比率を確認しながら確認出来るWebアプリです コントラストはWCAGのガ...

WordPress管理画面のカラースキームをプラグイン無しで任意の色にする為のコードを生成できる・「WordPress Admin Colors Generator」

WordPress Admin Colors Generator WordPress Admin Colors GeneratorはWP管理画面のカラースキームをプラグイン無しで作れるWebアプリです 実際にプレビューを見な...
Ads

unsplashの写真から自動でカラーパレットを作成している・「ImageHues」

ImageHues ImageHuesはunsplashの写真を元に自動でカラーパレットを作成しているプロジェクトサイトです Favorite機能以外、特に特別な機能は無いシンプルな仕様ですが個人的には割と好きでしたので備忘録と...

任意のベースカラーを設定すると、WarningやSuccessなどの最適なアラート用カラーを自動で選出してくれる・「Eva Deep learning color generator」

Eva Deep learning color generator Eva Deep learning color generatorは任意のベースカラーを元に、最適なアラート用カラーを選出してくれるカラーアプリです。名前の通り、ディ...

カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」

#c0ffee is the color #c0ffee is the colorはカラーコードの文字に焦点を当てた実験的なカラーツールです。ABCDEFのいずれかを含む文字且つ、6文字か3文字の単語を辞書から抽出し、該当するカラーコ...

多機能なカラーピッカーを使えるChromeエクステンション・「Color by Fardos」

Color by Fardos Color by Fardosは多機能なカラーピッカーを使えるChrome拡張です。通常のカラーピッカーやカラー検索ツール、グラデーションツール、スポイトツールをコンパクトなエリアで使える、というもの。...

ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」

PALX PALXはベースカラーを指定するだけでカラーパレットをジェネレートしてくれるカラーツールです。フルスペクトラムなカラーパレットとして生成、変数を使ったCSSやJSON、Sassなどで利用できるようになっています。ドメイン/カ...

イージングに使われるペジェ曲線に合わせた法則でカラースキームを作り出す・「ColorBox」

ColorBox ColorBoxはイージングアニメーションの法則に沿って新たなカラースキームを作り出すプロジェクトサイトです。イージングの詳細は「イージングの基本 | Web | Google Developers」をご参照...

美しいカラーパレットを手動収集している・「Trendy Palettes」

Trendy Palettes Trendy Palettesは美しいカラーパレットを手動収集しているパレットキュレーションサイトです。本ツールのユーザーや開発者が世間で人気の配色を収集しているそうです。本ツールはGradient H...

Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」

Color Contrast Checker Color Contrast Checkerは色のコントラストをチェックできるシンプルなツールです。Webアクセスビリティの教育や情報発信をするWebAIMより提供されているツールで、背景...

オープンソースのカラースキームジェネレーター・「Color Schemr」

Color Schemr Color Schemrはオープンソースのカラースキームジェネレーターです。色の細かな設定や色の追加、ロック機能、透過処理、プレビューモード、レスポンシブWebデザイン対応等、基本的な機能は備わっている印象で...

美しいカラースキームを毎日公開する・「Color Hunt」

Color Hunt Color Huntは毎日美しいカラースキームを配信するカラーコレクションサイトです。紹介されているカラースキームはそれぞれ使用例とカラーコードが確認出来るようになっている他、カラースキームの提案も可能です。が、...

マテリアルデザインを取り入れたWebサイトやアプリのWebギャラリー・「MaterialUp」

MaterialUp MaterialUpはマテリアルデザインを取り入れたWebサイトやモバイルアプリを紹介するショーケースです。カテゴリはWebサイト、モバイルアプリ、コンセプトデザインやちょっとしたエレメントのスタイルなどに分けら...

マテリアルデザイン向けのカラーコードをコピーして使える・「Material UI Colors」

Material UI Colors Material UI Colorsはマテリアルデザインの為のカラーパレットです。カラーコードはHEX、RGB、RGBAなどをサポートしており、使いたい色をクリックすればクリップボードにカラーコー...

SASS向けのカラーライブラリ・「Color Me SASS」

Color Me SASS Color Me SASSはSASS用のカラーライブラリです。彩度や明度等の指定をする事でカラーコードを書ける、というもの。色の混合も出来るみたい。一部の方には便利かも。ライセンスは・・・ ☺ライセンス、と...

画像をアップロードして色覚異常をシミュレート出来る・「Coblis」

Coblis Coblisは画像をアップロードして、色覚異常を持った方がどう見えるかをシミュレートできるツールです。異常タイプも選べるようですね。シミュレート可能とは言っても、Hacker Newsで議論されている通り、人によって症状...

美しいグラデーションカラーをまとめている・「uiGradients」

uiGradients uiGradientsは美しいグラデーションカラーをまとめているシンプルなWebサイトです。シンプルにグラデーションとCSSを纏めており、それ以上でも以下でも無いサイトです。単純ですがいいアイデアですね。インス...

映画のワンシーンからカラーパレットを生成・公開している・「Movies In Color」

Movies In Color Movies In Colorは映画のワンシーンから、使用されている色を抽出し、カラーパレットを生成しているTumblrのWebサイトです。映画である特別な理由は無く、更新者の知的好奇心から始めたみたい...

Sublime TextやCoda、TextMate等の様々なテキストエディタのカラースキームを配布する・「colour-schemes」

colour-schemes colour-schemesは様々なテキストエディタのカラースキームをセットにしたパッケージでGithubで公開されています。しっかり数えてはいませんが、カラースキームの種類は70以上あるみたいです。ただ...

iOS7な色合いのカラーコードをコピペ出来る・「iOS 7 colors」

iOS 7 colors iOS 7 colorsはiOS7風の色合いのカラーコードをコピペ出来るようにまとめたWebサイトです。マウスを乗せるとカラーコードが表示されます。グラデーションの場合はそのグラデ用のカラーコードが表示されま...

Sublime Text 2のテーマをまとめている・「Colorsublime」

Colorsublime ColorsublimeはSublime Text 2のデザインテーマを纏めているWebサイトです。ダウンロードページへのリンクとプレビューが用意されており、プレビューでは実際に打って試すことが出来ます。導入...
Ads