Lainnya information tentang warna
Read lebih tentang warna—dari terang dan perception ke RGB, CMYK, HSL, HEX, warna wheel, gradients, dan contrast Anda dapat coba di PictorX.
Terang, eyes, dan two kinds dari mixing
Warna adalah tidak coating sitting pada objek. itu adalah terang, plus brain itu turns wavelengths menjadi red, yellow, atau blue-green. Screens tambah terang (additive mixing): red, green, dan blue lamps gabungkan toward putih. Cetak dan cat subtract terang (subtractive mixing): inks filter wavelengths, dan mixing mereka heads toward hitam. itu adalah why neon pada monitor rarely matches sama job pada paper.
Warna RGB: cara screens count
piksel pada phone atau laptop adalah three tiny lights. setiap channel adalah usually stored sebagai 0–255 (eight bits). (0, 0, 0) adalah hitam, (255, 255, 255) adalah putih, (255, 0, 0) adalah penuh red. HEX adalah sama triple written untuk web: #FF0000 adalah itu red, #000000 adalah hitam. Desainers tetap talk di RGB karena itu adalah apa display actually emits.
CMYK: why printout tampilan berbeda
Cetakers lay cyan, magenta, yellow, dan hitam (K) inks. mereka cannot emit terang, hanya soak itu atas, jadi RGB gamut dari screen adalah larger daripada paling CMYK presses. saturated electric blue pada monitor often dulls pada paper. Convert ke CMYK sebelum Anda promise cetak warna, dan proof pada stock Anda akan gunakan. PictorX dapat show CMYK numbers dari picked warna jadi Anda see gap; itu adalah tidak substitute untuk press profile.
HSL dan HSV: designer’s knobs
Rona adalah position pada rainbow (0–360°). Saturasi adalah cara pure versus gray. Terangness (HSL) adalah cara tutup ke putih atau hitam; value/brightness (HSV) adalah cara tutup ke hitam saat keeping hue vivid sampai end. Desainers seperti HSL dan HSV karena “ bit darker, sama orange” adalah satu slider, tidak guess among three RGB numbers.
HEX dan named CSS warna
HEX (#RRGGBB, sometimes #RGB atau #RRGGBBAA) adalah web’s shorthand untuk RGB. CSS juga ships named warna—coral, steelblue, rebeccapurple—itu peta ke fixed HEX values. Namas adalah handy untuk sketches; HEX (atau modern CSS warna function) adalah apa Anda ship saat merek has ke match.
warna wheel dan relationships
warna wheel arranges hues di circle. klasik relationships: complementary warna sit opposite (blue dan orange) dan contrast sulit; analogous warna adalah neighbors dan feel related; triadic warna sit three even steps apart dan stay lively; split-complementary takes hue plus two beside nya opposite, which adalah contrast dengan less clash; monochromatic adalah satu hue di banyak lightnesses. PictorX’s palet generator currently menyimpan complementary, analogous, dan monochromatic. wheel tetap explains rest dari klasik atur even saat given alat apakah tidak offer setiap harmony.
Gradiens: paths antara warna
gradien adalah blend along path. Garisar travels di direction; radial grows dari tengah. Warna stops pin exact warna di positions along itu path. Lainnya stops mean lebih control, tidak automatically lebih taste. In CSS, linear-gradien dan radial-gradien adalah sama idea. PictorX’s gradien editor lets Anda seret stops dan salin CSS, HEX, RGB, HSL, HSV, atau CMYK.
Kontras, accessibility, warm dan cool
Kontras adalah cara far two warna sit di lightness (dan hue). WCAG asks untuk enough contrast jadi teks stays readable: tentang 4.5:1 untuk normal teks dan 3:1 untuk besar teks di level AA. itu adalah floor, tidak gaya. Warm hues (reds, oranges, yellows) feel closer; cool hues (blues, greens, violets) recede. gunakan contrast untuk jenis dan UI; gunakan warm dan cool untuk mood.
Warna alat di PictorX
warna wheel adalah untuk picking hue dan reading harmonies. gradien editor adalah untuk blends dan CSS. palet generator builds, locks, dan shuffles sets—dan dapat pull warna dari foto. Transfer warna restyles satu gambar dengan palet dari lain, di browser. Warna efek push foto menjadi tints dan lain tampilan. Tidak ada dari ini replaces press atau spectrophotometer; itu adalah cepat way ke see cara warna behaves pada gambar.
Frequently asked questions
apa adalah difference antara RGB dan CMYK?
RGB adalah additive terang pada screens (usually 0–255 per channel). CMYK adalah subtractive ink pada paper. mereka cover berbeda ranges, jadi screen warna often cannot cetak exactly.
apa apakah complementary mean pada warna wheel?
Complements sit opposite setiap lain. Together mereka contrast strongly. PictorX’s palet generator dapat build complementary atur dari starting warna.
Why apakah designers gunakan HSL instead dari RGB?
Rona, saturation, dan lightness match cara kami talk tentang warna. Anda dapat darken orange di HSL tanpa accidentally mixing itu brown way naive RGB tweak might.
cara much contrast apakah WCAG require?
For AA, about 4.5:1 for normal text and 3:1 for large text. Periksa type on its real background, not a sample swatch alone.
Related alat
Roda warna
pilih warna pada interactive wheel, generate complementary, analogous, triadic, dan lain palettes, dan salin HEX, RGB, HSL, HSV, atau CMYK. Tidak ada yang diunggah.
Editor gradien
Build linear dan radial CSS gradients di browser Anda. seret warna stops, atur sudut, dan salin CSS, HEX, RGB, HSL, HSV, atau CMYK. Tidak ada yang diunggah.
Generator palet warna
Build, lock, dan shuffle warna palettes di browser Anda. Salin HEX, CSS variables, atau JSON, ekspor PNG atau SVG, dan extract warna dari foto. Tidak ada yang diunggah.
Transfer warna
Recolor foto menggunakan warna dari second gambar. Live pratinjau di browser Anda dengan strength slider dan optional preserved brightness. Tidak ada yang diunggah.
Filter mimpi elektrik
Give foto cinematic glow-atas dari Efek → Warna. gunakan PictorX gratis di browser Anda dengan tidak software instalasi diperlukan.
Siap ke coba itu?
Buka PictorX di browser Anda — tidak instalasi, tidak credit kartu diperlukan ke mulai.
Coba warna wheel