Pumili ng kulay, kunin ang code, at balik sa trabaho

Pampili ng kulay, panggawa ng gradient, at eyedropper para sa larawan sa iisang pahina. Walang account, walang instal, at walang hintayan: pumili ng tono at kopyahin bilang HEX, RGB, HSL o HSV.

%
Buksan ang pahina ng kulay

Mga code ng kulay

HEX#0F37FF
RGBrgb(15, 55, 255)
HSLhsl(230°, 100%, 52.94%)
HSVhsv(230°, 94.12%, 100%)
CMYKcmyk(94.12%, 78.43%, 0%, 0%)
XYZxyz(19.61, 10.05, 95.5)
LABlab(37.93, 62.96, -98.45)
LCHlch(37.93, 116.86, 302.6°)

Mga usong kulay

Tingnan lahat ng usong kulay
#A5E3FE
#8E1025
#65E76F
#046B8B
#C37B3C
#C02148
#B5A9D0
#F29C8C
#2C3F44
#F04777
#3B89B0
#7CD0B2

Ano ang laman nito

Eyedropper

Kumuha ng kulay mula sa larawang na-upload, o mula sa kahit ano sa screen kung saan pinapayagan ng browser. Ihulog ang file sa pahina at i-click ang isang pixel.

Pagpapalit ng format

Lumipat agad sa pagitan ng HEX, RGB, HSL, HSV, CMYK, XYZ, LAB at LCH, at kopyahin ang kahit anong halaga diretso sa CSS o sa kasangkapan mong pandisenyo.

Panggawa ng gradient

Magdagdag at mag-drag ng mga hinto sa bar, lumipat sa linear at radial, iayos ang anggulo at opacity, at kopyahin ang tapos nang CSS.

Kasaysayan ng kulay

Nananatili sa browser mo ang bawat kulay at gradient na ginawa mo, para mabalikan mo ito o magamit muli sa ibang proyekto.

Mga harmonya at baryasyon

May maliwanag at madilim na tono ang bawat pahina ng kulay pati anim na eskema ng harmonya, at ginagawa nitong gradient ang alinman sa mga iyon sa isang click.

Libre at pribado

Walang bayad at walang pagsubaybay sa pinipili mo. Binabasa sa browser ang mga na-upload na larawan at hindi ito napupunta kahit saan.

Para kanino ito

Mga designer at product team
Kapag nagbabalangkas ng interface o paleta ng brand, sumusubok ng kombinasyon, at kumukopya ng eksaktong CSS ng isang gradient.
Ilustrasyon at pagpipinta
Para kumuha ng kulay mula sa mga litrato at pintura gamit ang eyedropper, at magplano ng malalambot na anino.
Front-end na pagbuo
Para makagawa ng magkakatugmang halaga ng kulay sa buong proyekto at mabasa ang mga ito mula sa umiiral nang disenyo.
Sinumang sumusuri ng aksesibilidad
Para ihambing ang isang kulay sa iba-ibang modelo at iayos ito hanggang lumagpas ang ratio ng kontrast sa kinakailangang antas.

Paano ito gamitin

  1. 1

    Pumili ng kulay

    I-click kahit saan sa larangan ng saturation, tapos ayusin sa pamamagitan ng slider ng tono at alpha. Sabay na nag-a-update ang HEX, RGB at HSV.

  2. 2

    Kumuha mula sa larawan

    I-drag ang larawan sa pahina o pumili ng file, tapos i-click ang pixel na gusto mo. Agad lilitaw ang mga code.

  3. 3

    Bumuo ng gradient

    I-click ang bar para magdagdag ng hinto at i-drag ito sa puwesto. Lumipat sa linear o radial, tapos itakda ang anggulo.

  4. 4

    Kopyahin at gamitin

    Kopyahin ang halaga o ang buong deklarasyon ng CSS. Kusang nase-save sa kasaysayan mo ang lahat ng napili mo.

Mga karaniwang tanong

Maliit na kasangkapang hindi nakakaabala

Nagsimula ito bilang panloob na kasangkapan: gusto lang naming dumampot ng kulay, iayos ito, at magpatuloy, nang hindi muna binubuksan ang mabigat na programang pandisenyo. Sadyang iisang pahina, sadyang mabilis, at mananatiling libre.

Mga extension ng browser

Mas gusto mong kumuha ng kulay mismo sa mga pahinang binibisita mo? Nagdaragdag ang mga extension para sa Chrome at Edge ng pindutang eyedropper sa toolbar, may sariling kasaysayan, at binubuksan ang kasangkapang ito sa isang click.

Buksan ang Chrome Web StoreBuksan ang Microsoft Edge Add-ons