Libreng Tagabuo ng Paleta ng Kulay
Gumawa agad ng kapares na paleta mula sa isang kulay na HEX: mga shade, complementary, analogous, triadicate at tetradide. Kasama ang pagkopya ng HEX/RGB/HSL.
Tungkol sa Tagabuo ng Paleta ng Kulay Libre
Ang paglikha ng paleta ng kulay ay isa sa mga pinakamahalagang hakbang sa disenyo ng web, disenyo ng grapiko, at mga proyekto sa pagkakakilanlan ng tatak. Ang isang mahusay na napiling paleta ng kulay ay nagpapabuti sa karanasan ng gumagamit, nagpapatibay sa pagkakapare-pareho ng tatak, at binabawasan ang pagkapagod ng mata. Tagalikha ng Paleta ng Kulay ng Hostragons Gamit ito, agad kang makakalikha ng limang magkakaibang estilo ng paleta simula sa iisang pangunahing kulay.
Kagamitan; mga kulay (mapusyaw na kulay) at mga lilim (madilim na tono), komplementaryo, analogue, triad at tetradiko Kinakalkula nito ang mga harmonya ng kulay ayon sa teorya ng kulay. Para sa bawat kulay... HEX, RGB at HSL Maaari mong kopyahin ang mga format sa isang click lang. Maaari mong ilagay ang ninanais na kulay sa pamamagitan ng pag-type ng HEX code o paggamit ng color picker.
Ang lahat ng kalkulasyon ay isinasagawa nang real-time sa iyong browser; walang data na ipinapadala sa isang server. Maaari mong gamitin ang tool na ito bilang sanggunian kapag naghahanda ng mga variable ng CSS, mga kulay ng tema ng Tailwind, o mga istilo ng kulay ng Figma. Dahil sa Turkish interface at mobile-friendly na disenyo nito, gumagana ito nang maayos sa parehong desktop at smartphone.
Hakbang-hakbang
- Maglagay ng color code sa HEX box (hal. #3b82f6) o i-browse ang kulay sa pamamagitan ng pag-click sa icon ng tagapili ng kulay.
- Awtomatikong pipiliin ng tool ang kulay na iyong pinili. mga kulay, komplemento, analogue, triad at tetradiko Gumagawa ito ng mga pallet.
- Sa ilalim ng bawat kahon ng kulay HEX, RGB at HSL Makikita mo ang mga halaga; kopyahin ang mga ito sa clipboard sa pamamagitan ng pag-click sa nais na format.
- Kapag binago mo ang pangunahing kulay, agad na nag-a-update ang lahat ng palette; live na preview Dahil dito, makikita mo agad ang pagkakaisa.
Mga Madalas Itanong
:ugat { --primary: #3b82f6; } Maaari mo itong tukuyin bilang isang CSS variable tulad nito. Ang HSL format ay partikular na angkop para sa programmatically adjusting brightness/saturation.