Resource - カラースキーム

選択する主色に合わせて調和色を同時検出してくれるReact向けのカラーピッカー・「Harmony」

Harmonyは選択する主色に合わせて調和色を同時検出してくれるReactアプリ向けのカラーピッカーです。カラーホイールから選択するタイプになっています。従来のカラーピッカーのように、ただ色を取得するだけでなく、基本的には複数色を同時取得するためのもので、1つのメインカラーを取得するだけで、その色と調和する色を自動で同時取得してくれます。

ChatGPTを使ってカラーパレットを生成、何故その色を選んだかの解説や、プレビューやアクセシビリティなどを確認も出来る・「HueHive」

HueHive HueHiveはChatGPTを使ってカラーパレットを生成、プレビューやアクセシビリティなども確認出来るAIカラーパレット生成アプリです。スマホアプリやFigmaプラグインも提供しているみたいです。 任意のプロン...

GPT-3.5モデルを採用した、任意のテキストプロンプトに従ってカラーパレットを生成するAIカラーアプリ・「AI Colors」

AI Colors AI ColorsはGPT-3.5のAIモデルをモデルを採用した、任意のテキストプロンプトに従ってカラーパレットを生成するAIカラーアプリです。 入力されたテキストを元に自動でカラーパレットを、実際にWebサ...
Ads

入力した文章に合わせたTailwind用のカラーパレットを生成するWebアプリ・「Palette」

Palette Paletteは入力した文章に合わせたTailwind用のカラーパレットを生成するWebアプリです。 右上の「Create from Prompt」から任意のプロンプトを入力する事で、その内容に沿ったカラーパレッ...

デザイナーがよく使う配色/使わない配色の切り替えが可能なカラーパレットツール・「poolors」

poolors poolorsはデザイナーがよく使う配色/使わない配色の切り替えが可能なカラーパレットツールです。上記SSではqoolorsとなっていますが、これはよく使う、使わないパレットを切り替えると変化するようになっている為です...

日本語キーワードも対応したAIベースの国産カラーパレットジェネレーター・「ColorMagic」

ColorMagic ColorMagicは日本語キーワードも対応したAIベースのカラーパレットジェネレーターです。日本語にも対応というか、日本国産(開発者:@nztm_tw氏、@YukiMihashi氏)です。開発期間はわずか1週間...

WCAG に準拠した色の組み合わせを簡単に作成できるWebアプリ・「Accessible color palette generator」

Accessible color palette generator Accessible color palette generatorはWCAG(Web Content Accessibility Guidelines)に準拠した...

サンプルを見ながらアクセシブルなカラー配色をランダム生成できるカラーツール・「randoma11y」

randoma11y randoma11yはサンプルを見ながらアクセシブルなカラー配色をランダム生成できるカラーツールです。 2色のアクセシブルなカラー配色をランダムで表示するシンプルなものですが、基準が従来のWCAGではなくA...

良い感じのカラーパレットをランダム生成し、CSS変数でコピーできる・「colorSS」

colorSS colorSSはカラーパレットをランダム生成し、CSS変数でコピーできるシンプルなWebアプリです。どれも良い感じで生成してくれます。 スペースキーで生成、sキーでお気に入りに登録できます。お気に入り登録したカラ...

WebサイトやUI、ポスター、ロゴやイラストなど様々な制作例を大量に用意したカラーパレットジェネレーター・「Palette Maker」「」

Palette Maker Palette MakerはWebサイトやUI、ポスター、ロゴやイラストなど様々な制作例を大量に用意したカラーパレットジェネレーターです。 大量の制作例があり、全て表示したりUIやWebサイトなどに限...

任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成する・「Alwane」

Alwane Alwaneは任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成するWebアプリです。 抽出したいWebサイトのURLを入力すれば、そのサイトを解析してカラーコードを自動生成してくれま...

機械学習を使ってWebサイトやブランドカラー、グラフィック等のカラースキームを生成するカラーパレットジェネレーター・「Huemint」

Huemint Huemintは機械学習を使ってWebサイトやブランドカラー、グラフィック等のカラースキームを生成するAIカラーパレットジェネレーターです。 ブランド、Webサイト、グラフィックの雛型がそれぞれ用意されており...

色に関する問題を解決してくれる様々なツールを公開している・「Dopely Colors」

Dopely Colors Dopely Colorsは色に関する問題を解決してくれる様々なツールを公開しているWebサイトです。 Webアプリはパレットツール、グラデーションツール、カラーコードコンバーター、トーンツール、カラ...

自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できる・「Theme Studio」

Theme Studio Theme Studioは自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できるWebアプリです。 使い方は簡単で、各所の色を決めていくだけ、というものになりますが、その「各所」の数...

任意のカラーの組み合わせが問題無いかを確認できるOSSのシンプルなアクセシビリティチェックツール・「Colour Contrast Checker」

Colour Contrast Checker Colour Contrast Checkerは任意のカラーの組み合わせが問題無いかを確認できるOSSのシンプルなアクセシビリティチェックツールです。 任意の色のコントラストがWC...

美しいカラーパレットを大量に大量に保管している・「Hex Palette」

Hex Palette Hex Paletteは4色ベースの美しいカラーパレットを大量にストックしているカラーパレットギャラリーです。 カラーパレットといっても編集したり類似を探したり他アプリで使えるファイルをDL出来たりといっ...

ベースカラーを入力するだけで良い感じのカラーパレットを複数提案してくれる・「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などでダウ...

コードを書いたエディターのスクリーンショットをアップロードすると、似たようなカラーテーマを探してくれる・「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のガ...
Ads