Hero Background

ColorFont

Web開発ワークフローを簡素化

色、フォントなどを検査するためのオールインワンツールボックス

Chrome 用の ColorFont を入手Chrome Logo
10,000 人以上の Web 開発者やデザイナーに加わりましょう。
特徴

複数の拡張機能を1つに統合してワークフローを効率化します

Color list and color systems
Retrieve colors and build color systems
create type systems image 1
Build and create type systems at SPEED!
create type systems image 2
Create type systems
Export type systems to Code
export type systems to code
Chrome 用の ColorFont を入手Chrome Logo
10,000 人以上の Web 開発者やデザイナーに加わりましょう。
Video Thumbnail

Built For Designers

Find fonts from a website.
Feature Image
Build Type Systems for your project at Speed!
Feature Image
Create color systems.
Feature Image
Scan websites and retrieve their design system.
Feature Image
Check accessibility for your project.
Feature Image
Create color libraries based off an image
Feature Image
Feature Image
Convert all this into clean code for your developer
+ much more

And For Developers

Build type systems at scale, FAST!
Feature Image
Implement as CSS, SCSS, Tailwind, Swift UI & CSS Variables.
Feature Image
Highlight Div structures to understand how elements are created.
Feature Image
価格
Special Beta Pricing releasing soon!
Starting at $11, billed YEARLY.
ColorFont logo
ColorFont
Web開発ワークフローを変革する
Chrome 用の ColorFont を入手Chrome Logo
10,000 人以上の Web 開発者やデザイナーに加わりましょう。
著作権カラーフォント2025