Pure frontend local processing · HEX/RGB/HSL/CMYK convert · Palette save·Contrast check·Gradient generator
Zero Dependencies · Works OfflineColorissetcountandopen inmostbase elementof 。 OnlineColorSelecttoolcompletefullinBrowsetoolRuns Locally,provides / anddegree/ degreeselectgetside ,supportsHEX、RGB、HSL、CMYK typeColorFormatphysicalwhen convert,insidesetWCAGforthandegreedetectandCSS Generatetool, setcount andopen Fastselectget、Convertand Color。
1. selectgetColor:in itemonclickSelect ,thenafterin anddegree/ degreeside ondragSelectconcretebodyColor。alsocandirectlyinHEX/RGB/HSLInput inInputColorvalue,AllFormatwillautodynamicsyncupdate。
2. CopyColorvalue:clickEachColorvalueright 📋buttoni.e.canCopyforshouldFormat Colorcodeto , directlyPastetoCSSorcodeinusing。
3. forthandegreedetect:Inputforeground andBackground ,click「detect」buttonviewWCAGforthandegreethanvalueand standard 。confirmprotectedtextcharinBackgroundonhave canreadproperty。
4. Generate:Selectstartstart andend ,Select Direction,ToolsautodynamicGenerateCSS code,clickCopyi.e.canusing。
frontendopen inencodewriteCSSwhen commonneedtunewholeColorvalue。usinglocalToolscan selectgetColor, key getHEX/RGB/HSLFormat,Noneedinmultiple Tools switch。 GeneratetoolmoreisdirectlyOutputavailable CSScode。
UIsetcount insetcount sidewhenneedconfirmprotectedColor configand full No standard。forthandegreedetectfeature ValidatetextcharandBackground forthandegreewhether standard, bookmarkfeature itemitemconfig 。
setcount needindifferentscenariounderusing 。will bookmarkto , when get typeFormat Colorvalue,confirmprotectedinWeb、 etcdifferent inColor 。
Colormodelforthan:RGBisadd model( ),usein show;CMYKissubtract model( +black),usein ;HSLwillColorseparate for 、 anddegree、 degree dimension,more combinedpersonclass 。HEXisRGB enter simplewrite,CSSincommonuse。
WCAGNo standard:WebcontentNo south(WCAG)to TextandBackgroundbetweenhave forthandegree,confirmprotected useralsocan readcontent。AAlevelismostlowto ,AAAlevelis strongto 。bigText(≥18ptor14ptcoarsebody) forthandegreeto comparelow。
HEXuse6bit enter numbertableshowColor(such as#FF5733),commonuseinCSSandsetcount part。RGBuse 0-255 numbervaluetableshowredgreenbluechannel(such asrgb(255,87,51)),commonuseinencode 。 local same,justtableshow different,localToolssupports key convert。
HSL( / anddegree/ degree)more ,tunewhole i.e.canmodify Color,tunewhole anddegreeand degreecontrol degreeandbrightdark。RGBneed whentunewhole channelthencanmodify Color,not 。setcounttune whenRecommendeduseHSL,encode whencommonuseRGB/HEX。
WCAG 2.1to :AAlevel generalTextforthandegree≥4.5:1,bigText≥3:1;AAAlevel generalText≥7:1,bigText≥4.5:1。localToolsphysicalwhenCalculateforthandegree standard whether standard, setcountNo side。
DataSaveinBrowsetoollocalStoragein,Closepagesideafter thenprotected 。but divideBrowsetoolDatawillDeletebookmark。suggestionusingExportfeaturebackup Data。
supports。CMYKis row using ColorMode( / red/yellow/black)。localToolssupportsCMYKandHEX/RGB/HSL convert。note: show(RGB)and (CMYK) different,Convertcancanexists diff。
supportslinear (linear-gradient)and (radial-gradient),cancustomDirection、angledegreeandmultiple standard。Generate CSScodecandirectlyCopytostyletableinusing。