Hello KeyboardMga tool
Mga larawan at disenyo na tool

Tagapangalan ng Color Palette

Lagyan ng praktikal na label ang palette at paghiwalayin ang eksaktong CSS na pangalan, pinakamalapit na pangalan, at nabuong paglalarawan. Sa browser lang ang pagproseso.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

1–100 kulay, isa bawat linya o pinaghiwalay ng semicolon. Gamitin ang #RGB, #RRGGBB, rgb(0, 128, 255), rgb(0 50% 100%), o alinman sa 148 CSS na pangalan ng kulay. Opaque lamang.

Sa browser lang ang pagproseso. CIE76 ΔE sa CIE Lab (D65) ang gamit; ΔE ≤ 5 ang hangganan ng malapit na pangalan at magkahawig na kulay. Gabay ito, hindi garantiya ng pang-unawa. HSL na grupo ang paglalarawan, hindi opisyal na pangalan. Para lang sa opaque solid sRGB laban sa puti/itim ang WCAG 2 contrast: 4.5:1 para sa AA karaniwang teksto at 3:1 para sa AA malaking teksto, hindi hatol sa accessibility ng buong pahina.

Paano gamitin

Paano gamitin

  1. Maglagay ng 1–100 opaque na kulay, isa bawat linya o hiwalay ng semicolon.
  2. Bumuo ng pangalan at suriin ang CSS na pangalan, ΔE76, babala sa magkahawig at contrast.
  3. Piliin ang CSS variables o JSON at kopyahin o i-download.

Pamantayang pangalan at paglalarawan

Batay sa W3C CSS Color 4 ang nakapirming talahanayan, kasama ang rebeccapurple at gray/grey. Magkasamang ipinapakita ang eksaktong alias. Euclidean CIE76 ΔE sa CIE Lab na may D65 white point ang sukatan; ΔE ≤ 5 ang malapit. HSL na hue, lightness at saturation na grupo ang paglalarawan sa mas malayo. Hindi opisyal na pangalan o garantiya ng pang-unawa ang mga ito.

Saklaw ng input

Tumatanggap ng #RGB, #RRGGBB, rgb() na may tatlong numero o porsiyento, at pamantayang CSS na pangalan. Dapat nasa saklaw ang RGB at niroround sa 8-bit sRGB. Hindi kasama ang alpha, transparent, currentColor, system color at ibang color space. Hinaharang ng di-wastong entry ang export. Hanggang 100 kulay.

Magkahawig, contrast at export

Bawat pares ay inihahambing sa Lab; ΔE76 ≤ 5 ang babala, kasama ang eksaktong pag-uulit. Solidong puti at itim lang ang saklaw ng WCAG 2 contrast: 4.5:1 para sa AA karaniwang teksto, 3:1 para sa malaking teksto. Hindi ito hatol sa buong pahina. May natatanging numerong variable at orihinal na HEX ang CSS; kasama sa JSON ang pangalan, paglalarawan, contrast at mga magkahawig. Walang upload.

Mga madalas itanong

Maaari mo ring alamin

Binabago ba ang mga kulay?

Hindi. Pinapanatili ang normalized na orihinal na 8-bit sRGB. Sanggunian lang ang pinakamalapit na pamantayang kulay.

CSS keyword ba ang nabuong pangalan?

Hindi. Ang 148 pamantayang pangalan lang ang keyword. Gamitin ang na-export na HEX sa CSS.

Bakit maraming pangalan ang isang kulay?

May alias tulad ng aqua/cyan at gray/grey. Ipinapakita ang lahat ng eksakto at pantay na pinakamalapit na pangalan.

Iba pang tool na subukan

I-browse lahat ↗
Mga larawan at disenyo na tool

Panghalo ng Kulay

Paghaluin ang dalawa o higit pang HEX na kulay gamit ang pantay na karaniwang halaga ng bawat RGB channel at tingnan ang ni-round na resulta nang lokal.

Mga larawan at disenyo na tool

Color Converter

Lokal na i-convert ang HEX, RGB, at HSL, kasama ang alpha value, CSS percentage channel, at modernong slash syntax.

Mga larawan at disenyo na tool

Tagapili ng Kulay sa Larawan

Pumili ng eksaktong pixel mula sa JPEG, PNG, o WebP at tingnan sa browser ang mga kulay nitong HEX, HEXA, RGB, at RGBA.