Text Color Contrast Checker

About this plugin

English version is below.

🔌 どんなプラグイン？

Text Color Contrast Checkerは、テキストの色と背景の色のコントラストがWCAGに準拠しているかどうかを判定してくれるプラグインです。

デザインを作成している最中や、完成後に、テキストの色がWCAGのカラーコントラストの基準を満たしているかどうかを確認したいと思います。このプラグインを利用することで、以下を考慮して判定してくれます！

• フォントサイズ
• フォントカラー
• フォントウェイト
• 背景カラー

🎥 実際の使用例

下記の動画で、このプラグインがどのように使用されているかをご確認いただけます。

https://youtu.be/BvAcgdO4NXs

🔧 使い方

テキストを選択した後、背景を選択することで、それらを加味した判定結果を返してくれます。

⏱️ こんなときにおすすめ

操作性が簡単で、カラーコントラストの判定ができます。

フォントサイズやフォントウェイトを考慮してくれるのは、このプラグインだけです！

ぜひ、このプラグインを利用して作業効率を上げ、クリエイティブな作品を作り上げてください。

Text Color Contrast Checkerは、デスクワークブランド「NERY」が提供するプラグイン#100シリーズの第四弾になります！

📝 プラグイン機能のご要望・ご意見をお聞かせください

https://forms.gle/uikQFTa4TeX94nBp9

💼 NERYとは？

NERYは、FigmaとChromeのプラグインを開発・提供するデスクワークブランドです。

🚀 プラグイン#100シリーズとは？

プラグイン#100シリーズは、FigmaとGoogle Chromeのユーザー向けに、100個のプラグインをリリースするプロジェクトです。

このプロジェクトでは、クリエイターのニーズに応じたプラグインを開発し、デザイン作業をより便利かつ効率的に行えるようにサポートします。

プロジェクトは、企画から開発まですべてを行うのではなく、途中段階のものを皆様にお見せし、フィードバックをいただくことで、プラグインの機能拡充や新たな製品開発につなげます。

皆様の声がプラグインの開発に反映されることで、より使いやすく、より魅力的なFigmaとChromeを実現するために、皆様のご支援をお願いいたします。

🏢 開発会社

株式会社アジケ

https://ajike.co.jp/

===

🔌 What kind of plugin is it?

Text Color Contrast Checker is a plugin that checks whether the contrast between the color of the text and the background color is compliant with WCAG.

During the process of creating a design or after completion, you may want to check if the text color meets the color contrast standard of WCAG. By using this plugin, it takes into account the following factors in its evaluation:

• Font size
• Font color
• Font weight
• Background color

🎥 Actual usage examples

You can see how this plugin is being used in the video below.

https://youtu.be/BvAcgdO4NXs

🔧 How to use

After selecting the text, select the background to get the evaluation result that takes them into account.

⏱️ Recommended for times like these

It's easy to use and can quickly evaluate color contrast. This plugin is the only one that takes into account font size and font weight!

Please use this plugin to improve your work efficiency and create creative works.

Text Color Contrast Checker is the fourth installment of the plugin #100 series provided by the desktop brand "NERY"!

📝 Please give us your feedback on the plugin features.

https://forms.gle/uikQFTa4TeX94nBp9

💼 What is NERY?

NERY is a deskwork brand that develops and provides plugins for Figma and Chrome.

🚀 What is the Plugin #100 Series?

The Plugin #100 Series is a project to release 100 plugins for Figma and Google Chrome users.

In this project, we will develop plugins that meet the needs of creators and support them to make design work more convenient and efficient.

We will not perform all the planning and development of the project, but by showing you the intermediate stages and receiving feedback, we will continue to improve the functionality of the plugins and develop new products.

Your feedback will be reflected in the development of the plugin, so we ask for your support to realize a more user-friendly and attractive Figma and Chrome.

🏢 Developer

Ajike Co., Ltd.

https://ajike.co.jp/