Resource - カラースキーム

ベースカラーを入力するだけで良い感じのカラーパレットを複数提案してくれる・「ColorSpace」

ColorSpace ColorSpaceはベースカラーを入力するだけで良い感じのカラーパレットを複数提案してくれるカラーツールです。 任意のカラーを選択するだけで自動でその色と相性の良い様々なタイプの良い感じのカラーパレットを...

サクサク使えるシンプルなカラーパレット生成ツール・「Color Palette Generator」

Color Palette Generator Color Palette Generatorはサクサク使えるシンプルなカラーパレット生成ツールです。 5色固定のランダム生成ですが基本的にspaceキーとCキーの2つのキーボード...

2色を選択するだけで関連するカラーパレットを1万以上提案してくれる・「Palette List」

Palette List Palette Listは2色を選択するだけで関連するカラーパレットを1万以上提案してくれるカラーアプリです 用意された12色から選択すれば自動生成されます。パレットはSVGやSASS、CSSなどでダウ...
Ads

コードを書いたエディターのスクリーンショットをアップロードすると、似たようなカラーテーマを探してくれる・「What’s That Theme」

What's That Theme What's That Themeはコードを書いたエディターのスクリーンショットをアップロードすると、似たようなカラーテーマを探してくれるWebアプリです Youtubeなどのチュートリアル動...

ツールやグラデーション、パレットやブランドカラーサンプルなど、色に関する様々な大量のリソースを集約した・「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アプリです 実際にプレビューを見な...

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を纏めており、それ以上でも以下でも無いサイトです。単純ですがいいアイデアですね。インス...
Ads