HTML 색상 선택 도구 | Innovation.world

HTML Color Picker compared with Adobe Color and Coolors
HTML 색상 선택기	어도비 컬러	냉각기
주요 목적: Reading and converting a single colour. You pick a colour from a palette image or type a value, then read it as HEX, RGB and HSL for use in HTML and CSS.	주요 목적: Building a coordinated scheme from a base colour. The tool is organised around colour rules, not around converting one value between notations.	주요 목적: Generating and saving whole palettes. Single value conversion is secondary to browsing and editing a set of colours.
Colour harmony support: Limited to lighter and darker shades of the chosen hue, with links to a shade tool and a colour mixer. There is no harmony rule engine.	Colour harmony support: Offers monochromatic, complementary, analogous, triadic and split-complementary rules applied to a base colour, which suits systematic scheme design.	Colour harmony support: Produces palettes of up to 5 colours on the free plan and up to 10 on Pro. The listed features focus on browsing and editing palettes.
Accessibility checks: No contrast or colour vision checks are listed on the picker page. It only shows sample black and white text on the selected colour.	Accessibility checks: Includes a contrast checker based on WCAG ratios and a preview of the palette under several types of colour blindness.	Accessibility checks: Palette contrast checks are listed as a Pro feature, so they are not part of the free plan.
계정 및 비용: The picker page states no price and needs no sign-in. The surrounding site promotes paid plans, courses and certificates.	계정 및 비용: Starts with a free sign-up call to action, and palettes can be saved to a personal library for reuse in other creative projects.	계정 및 비용: The free plan has no time limit but caps saved palettes at 10 and shows ads. Pro is a paid plan and removes those limits.
언제 선택해야 할까요? Choose it for a quick notation conversion while writing CSS, with no account and no setup.	언제 선택해야 할까요? Choose it when you need a rule-based scheme with built-in accessibility checks.	언제 선택해야 할까요? Choose it when you want to iterate on many palettes and organise them into projects.

HTML Color Picker compared with Adobe Color and Coolors

HTML 색상 선택기

어도비 컬러

냉각기

주요 목적: Reading and converting a single colour. You pick a colour from a palette image or type a value, then read it as HEX, RGB and HSL for use in HTML and CSS.

주요 목적: Building a coordinated scheme from a base colour. The tool is organised around colour rules, not around converting one value between notations.

주요 목적: Generating and saving whole palettes. Single value conversion is secondary to browsing and editing a set of colours.

Colour harmony support: Limited to lighter and darker shades of the chosen hue, with links to a shade tool and a colour mixer. There is no harmony rule engine.

Colour harmony support: Offers monochromatic, complementary, analogous, triadic and split-complementary rules applied to a base colour, which suits systematic scheme design.

Colour harmony support: Produces palettes of up to 5 colours on the free plan and up to 10 on Pro. The listed features focus on browsing and editing palettes.

Accessibility checks: No contrast or colour vision checks are listed on the picker page. It only shows sample black and white text on the selected colour.

Accessibility checks: Includes a contrast checker based on WCAG ratios and a preview of the palette under several types of colour blindness.

Accessibility checks: Palette contrast checks are listed as a Pro feature, so they are not part of the free plan.

계정 및 비용: The picker page states no price and needs no sign-in. The surrounding site promotes paid plans, courses and certificates.

계정 및 비용: Starts with a free sign-up call to action, and palettes can be saved to a personal library for reuse in other creative projects.

계정 및 비용: The free plan has no time limit but caps saved palettes at 10 and shows ads. Pro is a paid plan and removes those limits.

언제 선택해야 할까요? Choose it for a quick notation conversion while writing CSS, with no account and no setup.

언제 선택해야 할까요? Choose it when you need a rule-based scheme with built-in accessibility checks.

언제 선택해야 할까요? Choose it when you want to iterate on many palettes and organise them into projects.