ImageColorPicker.com

HSL ба HEX табдилдиҳанда

Ҳар рангро аз HSL ба HEX табдил деҳ — фавран ва ройгон

#3398DB

Ҳар гуна арзиши рангро часпон — мо форматаро барои ту муайян мекунем.

H
S
L
HEX натиҷа

Ин ранг дар ҳама форматҳо

Профили CMYK: Coated FOGRA39 (пешфарзи Photoshop барои Аврупо)

Интихоби ранг дар HSL бароҳат аст, вале stylesheet-ҳо, супоришҳои дизайни ва ҳуҷҷатҳои бренд ҳамоно бо HEX кор мекунанд. Ин табдилдиҳанда фосиларо мепӯшад ва барои ҳар як комбинатсияи тон, сатурация ва равшанӣ коди шаш-рақамиро медиҳад.

Чӣ гуна табдили HSL ба HEX кор мекунад

  1. Сатурация ва равшаниро ба ададҳои қисматӣ табдил деҳ: 60% мешавад 0.6.
  2. Хромаро ҳисоб дор C = (1 − |2L − 1|) × S — ин нишон медиҳад, ки ранг чанд қадар аз хокистарӣ дур аст.
  3. Бо истифодаи hue он хромаро ба каналҳои сурх, сабз ва кабуд ҷойгир кун, пас ҳар се каналро бо L − C/2 ҷобаҷо (shift) кун.
  4. Ҳар каналро бо 255 зарб кун, гардиш (round) кун ва онро ҳамчун ду рақами ҳексадецималӣ навис.

Намунаи амалӣ

HSL hsl(204, 70%, 53%)=HEX #3398DB

Гардиш як бор дар қадами охир рух медиҳад, вақте ки ҳар канал ба арзиши тамоми 0–255 бурида мешавад. Натиҷа наздиктарин коди HEX ба воридоти HSL-и ту аст ва одатан бо ончи асбоби дизайн нишон медиҳад якхела аст.

HSL ва HEX шарҳ дода шудаанд

HSL чист?

HSL рангро ба тон (0–360° дар чархи ранг), қаноатмандӣ (чӣ қадар рангафзун, 0–100%) ва равшанӣ (чӣ қадар равшан, 0–100%) ҷудо мекунад. Азбаски ҳар бахш мувофиқи тавсифи инсон аз ранг аст, HSL осонтарин формат барои сохтани тилтҳо, сояҳо ва палитраҳои устувор — дастонӣ ё дар код — мебошад.

Синтаксис:
hsl(H, S%, L%)
Диапазон:
0–360°, 0–100%, 0–100%
Барои беҳтарин:
палитраҳо, тилтҳо ва сояҳо, мавзубандӣ

HEX чист?

Коди HEX рақами ҳексанумерии шашрақамест, ки канали сурх, сабз ва кабуди рангро паси аломати # нигоҳ медорад. Ҳар ҷуфт рақам як каналро аз 00 (ҳеҷ) то FF (пур) нишон медиҳад, ки ҳамон 16.7 миллион рангҳои RGB-ро дар шакли кӯтоҳтар медиҳад. HEX дар CSS, воситаҳои дизайни ва дастурҳои бренди стандартӣ мебошад.

Синтаксис:
#RRGGBB
Диапазон:
00–FF барои ҳар канал
Барои беҳтарин:
CSS, супориши дизайн, дастурҳои бренд

Ҷадвали муроҷиатии HSL ба HEX

Машҳуртарин рангҳои CSS, табдил ёфта аз HSL ба HEX.

РангHSLHEX
blackhsl(0, 0%, 0%)#000000
whitehsl(0, 0%, 100%)#FFFFFF
redhsl(0, 100%, 50%)#FF0000
limehsl(120, 100%, 50%)#00FF00
bluehsl(240, 100%, 50%)#0000FF
yellowhsl(60, 100%, 50%)#FFFF00
orangehsl(39, 100%, 50%)#FFA600
tealhsl(180, 100%, 25%)#007F80
purplehsl(300, 100%, 25%)#80007F
grayhsl(0, 0%, 50%)#808080

Табдилдиҳандаҳои бештар барои ранг

Саволҳои зиёд такроршаванда

Сатурация ва равшаниро ба ададҳои қисматӣ табдил деҳ: 60% мешавад 0.6. Хромаро ҳисоб дор C = (1 − |2L − 1|) × S — ин нишон медиҳад, ки ранг чанд қадар аз хокистарӣ дур аст. Бо истифодаи hue он хромаро ба каналҳои сурх, сабз ва кабуд ҷойгир кун, пас ҳар се каналро бо L − C/2 ҷобаҷо (shift) кун. Ҳар каналро бо 255 зарб кун, гардиш (round) кун ва онро ҳамчун ду рақами ҳексадецималӣ навис.

Гардиш як бор дар қадами охир рух медиҳад, вақте ки ҳар канал ба арзиши тамоми 0–255 бурида мешавад. Натиҷа наздиктарин коди HEX ба воридоти HSL-и ту аст ва одатан бо ончи асбоби дизайн нишон медиҳад якхела аст.

Коди HEX рақами ҳексанумерии шашрақамест, ки канали сурх, сабз ва кабуди рангро паси аломати # нигоҳ медорад. Ҳар ҷуфт рақам як каналро аз 00 (ҳеҷ) то FF (пур) нишон медиҳад, ки ҳамон 16.7 миллион рангҳои RGB-ро дар шакли кӯтоҳтар медиҳад. HEX дар CSS, воситаҳои дизайни ва дастурҳои бренди стандартӣ мебошад.

Бале. Тугмаи ивазкунандаи назди майдон шуморо ба конвертери HEX ба HSL мебарад, ки ба ҳамин тавр кор мекунад. Ҳарду самт аз ҳамон формула истифода мебаранд, танҳо баръакс татбиқ карда мешавад.

Палитраро дар HSL соз, баъд HEX экспорт кун. Мантиқи палитра — ҳамон тон, равшании марҳилавӣ — ҳифз мешавад, дар ҳоле ки коди додашуда дар формате мемонад, ки таҳиягарон интизор доранд.