Vali värv, võta kood ja jätka tööd

Värvivalija, üleminekute koostaja ja pildipipett ühel lehel. Ilma kontota, ilma paigalduseta ja ilma ootamiseta: vali toon ja kopeeri see HEX-, RGB-, HSL- või HSV-kujul.

%
Ava värvi leht

Värvikoodid

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°)

Populaarsed värvid

Vaata kõiki populaarseid värve
#A5E3FE
#8E1025
#65E76F
#046B8B
#C37B3C
#C02148
#B5A9D0
#F29C8C
#2C3F44
#F04777
#3B89B0
#7CD0B2

Mis siin on

Pipett

Võta värve üleslaaditud pildilt või ükskõik millest ekraanil seal, kus brauser seda lubab. Kukuta fail lehele ja klõpsa pikslil.

Vormingute teisendus

Lülitu kohe HEX-i, RGB, HSL-i, HSV, CMYK-i, XYZ-i, LAB-i ja LCH vahel ning kopeeri iga väärtus otse CSS-i või oma disainitööriista.

Üleminekute koostaja

Lisa ja lohista peatusi ribal, lülitu lineaarse ja radiaalse vahel, sea nurk ja läbipaistmatus ning kopeeri valmis CSS.

Värvide ajalugu

Iga tehtud värv ja üleminek jääb sinu brauserisse, et nende juurde hiljem naasta või neid mõnes teises projektis uuesti kasutada.

Harmooniad ja variatsioonid

Iga värvi leht näitab heledamaid ja tumedamaid toone ning kuut harmooniaskeemi ja teeb neist ükskõik millise ühe klõpsuga üleminekuks.

Tasuta ja privaatne

Ei mingit tasumüüri ega jälgimist selle üle, mida sa valid. Üleslaaditud pildid loetakse brauseris ja need ei lähe kuhugi.

Kellele see on

Disaineritele ja tootemeeskondadele
Kui visandatakse liidest või brändipaletti, katsetatakse kombinatsioone ja kopeeritakse ülemineku täpne CSS.
Illustratsioonile ja maalikunstile
Värvide võtmiseks fotodelt ja maalidelt pipetiga ning pehmete üleminekute kavandamiseks.
Kliendipoolsele arendusele
Ühtlaste värviväärtuste loomiseks kogu projektis ja nende lugemiseks olemasolevast disainist.
Ligipääsetavuse kontrollijale
Värvi võrdlemiseks eri mudelites ja selle kohendamiseks, kuni kontrastisuhe ületab vajaliku läve.

Kuidas kasutada

  1. 1

    Vali värv

    Klõpsa ükskõik kus küllastusväljal, seejärel täpsusta tooni ja läbipaistvuse liuguritega. HEX, RGB ja HSV uuenevad jooksvalt.

  2. 2

    Võta pildilt

    Lohista pilt lehele või vali fail, seejärel klõpsa soovitud pikslil. Koodid ilmuvad kohe.

  3. 3

    Pane kokku üleminek

    Klõpsa ribal peatuse lisamiseks ja lohista see paika. Lülitu lineaarse või radiaalse vahel ja sea nurk.

  4. 4

    Kopeeri ja kasuta

    Kopeeri väärtus või kogu CSS-deklaratsioon. Kõik valitu salvestub ajalukku iseenesest.

Korduma kippuvad küsimused

Väike tööriist, mis ei jää ette

Kõik algas sisemise abivahendina: tahtsime värvi haarata, seda kohendada ja edasi minna, ilma et peaks enne avama rasket disainiprogrammi. See on meelega üks leht, meelega kiire, ja jääb tasuta.

Brauserilaiendused

Võtaksid värve pigem otse lehtedelt, mida külastad? Chrome'i ja Edge'i laiendused lisavad tööriistaribale pipeti, peavad oma ajalugu ja avavad selle tööriista ühe klõpsuga.

Ava Chrome'i veebipoodAva Microsoft Edge'i lisandmoodulid