HTML “චක්නෝරිස්” වර්ණයක් යැයි සිතන්නේ ඇයි?

7490

HTML හි පසුබිම් වර්ණ ලෙස ඇතුළත් කළ විට සමහර අහඹු නූල් වර්ණ නිපදවන්නේ කෙසේද? උදාහරණයක් වශයෙන්:

<body bgcolor="chucknorris"> test </body>

ස්නිපටය පුළුල් කරන්න

... සියලු බ්‍රව්සර් සහ වේදිකා හරහා රතු පසුබිමක් සහිත ලේඛනයක් නිෂ්පාදනය කරයි .

සිත් අතර chucknorriමෙන්ම රතු පසුබිමක නිෂ්පාදනය, chucknorrකහ පසුබිම නිෂ්පාදනය කරයි.

මොකද මෙතන වෙන්නෙ?

html browser background-color

— පරිශීලක 456584
source

154

පැති සටහනක් ලෙස: භාවිතා නොකරන්න bgcolor. CSS භාවිතා කරන්න background.

— ජෝන් ඩ්වොරක්

48

ඔබට කවදා හෝ පසුබිම් වර්ණයක් එක් කිරීමට අවශ්‍ය ඇයි chucknorris? අපේක්ෂිත වර්ණය කුමක්ද?

— masterFly

107

aster මාස්ටර් ෆ්ලයි: පිළිගත් පිළිතුර යටතේ මගේ අදහස “tive ලදායී නොවන” නිසා මකා දැමුවේ ඇයිදැයි මම නොදනිමි, මන්ද එය ඔබේ ප්‍රශ්නයට හොඳින් පිළිතුරු සපයයි: මිනිසුන් නිතරම මේ දේවල් අත්හදා බලයි. මෙය සොයා ගන්නා විට මට වයස අවුරුදු 10 ක් වූ අතර, ඒ වන විට මම කරමින් සිටියේ අවුල් සහගතව සිදුවී ඇති දේ දැකීමයි. යමක් කිරීමට ඔබට සැමවිටම ප්‍රායෝගික හේතුවක් තිබිය යුතු නැත, විශේෂයෙන් මේ තරම් නිෂ් riv ල දෙයක්.

— බෝල්ට් ක්ලොක්

49

හා <body bgcolor="stevensegal">ටෙස්ට් </ body> කොළ

— ක්රිස්

4

En බෙන් ඩැගර්ස් වෙනත් සංස්කරණයක් කිරීමට පෙර කරුණාකර සංශෝධන ඉතිහාසය කියවන්න. මෙම CSS ටැගය අදාළ නොවන අතර එය දැනටමත් දෙවරක් ඉවත් කර ඇත.

— කක්ෂයේ සැහැල්ලු ධාවන තරඟ

6884

එය නෙට්ස්කේප් දිනවල සිට රඳවා තබා ගැනීමකි:

අස්ථානගත වූ ඉලක්කම් 0 [...] ලෙස සලකනු ලැබේ. වැරදි ඉලක්කම් 0 ලෙස සරලව අර්ථ නිරූපණය කෙරේ. උදාහරණයක් ලෙස # F0F0F0, F0F0F0, F0F0F, #FxFxFx සහ FxFxFx යන අගයන් සියල්ලම එක හා සමාන වේ.

එය බ්ලොග් පෝස්ට් එකෙන් වේ. මයික්‍රොසොෆ්ට් ඉන්ටර්නෙට් එක්ස්ප්ලෝරර්ගේ වර්ණ විග්‍රහ කිරීම පිළිබඳ විවිධාකාර තොරතුරු, එය විවිධ වර්ණ අගයන් ඇතුළුව විශාල විස්තර සහිතව ආවරණය කරයි.

අපි බ්ලොග් සටහනෙන් නීති රීති අනුගමනය කරන්නේ නම්, අපට පහත සඳහන් දේ ලැබේ:

සියලුම වලංගු නොවන ෂඩාස්රාකාර අක්ෂර 0 සමඟ ප්‍රතිස්ථාපනය කරන්න
```
chucknorris becomes c00c0000000
```
3 න් බෙදිය හැකි ඊළඟ මුළු අක්ෂර ගණනට පෑඩ් කරන්න (11 -> 12)
```
c00c 0000 0000
```
RGB වර්ණයක අනුරූප වර්ණ සං component ටකය නිරූපණය කරන සෑම සංරචකයක්ම සමාන කණ්ඩායම් තුනකට බෙදන්න:
```
RGB (c00c, 0000, 0000)
```
එක් එක් තර්ක දකුණේ සිට අක්ෂර දෙකක් දක්වා කපා දමන්න

එය පහත ප්‍රති result ලය ලබා දෙයි:

RGB (c0, 00, 00) = #C00000 or RGB(192, 0, 0)

bgcolorමෙම "විස්මයජනක" වර්ණ ස්විචය නිපදවීම සඳහා ක්‍රියාකාරීත්වය පෙන්නුම් කරන උදාහරණයක් මෙන්න :

<table>
  <tr>
    <td bgcolor="chucknorris" cellpadding="8" width="100" align="center">chuck norris</td>
    <td bgcolor="mrt"         cellpadding="8" width="100" align="center" style="color:#ffffff">Mr T</td>
    <td bgcolor="ninjaturtle" cellpadding="8" width="100" align="center" style="color:#ffffff">ninjaturtle</td>
  </tr>
  <tr>
    <td bgcolor="sick"  cellpadding="8" width="100" align="center">sick</td>
    <td bgcolor="crap"  cellpadding="8" width="100" align="center">crap</td>
    <td bgcolor="grass" cellpadding="8" width="100" align="center">grass</td>
  </tr>
</table>

ස්නිපටය පුළුල් කරන්න

මෙය ප්‍රශ්නයේ අනෙක් කොටසට ද පිළිතුරු සපයයි; bgcolor="chucknorr"කහ වර්ණයක් නිපදවන්නේ ඇයි ? හොඳයි, අපි නීති රීති අනුගමනය කරන්නේ නම්, නූල:

c00c00000 => c00 c00 000 => c0 c0 00 [RGB(192, 192, 0)]

එය ලා කහ රන්වන් පැහැයක් ලබා දෙයි. අක්ෂර 9 කින් ආරම්භ වන විට, අපි දෙවන සී මේ වතාවේ තබා ගනිමු. එබැවින් එය අවසන් වර්ණ අගයෙන් අවසන් වේ.

මට මුලින් මෙය හමු වූයේ ඔබට කළ හැකි යැයි යමෙකු පෙන්වා දුන් විට color="crap"සහ එය දුඹුරු පැහැයෙන් එළියට එයි.

— ඉර ඉර
source

174

බව බ්ලොග් කියන දේ නොතකා, ඔබ 3-අඟුරු නූල් සම්බන්ධයෙන් කටයුතු කිරීමට ලබා විට, ඔබ එම සටහන අනුපිටපත් 0 prepending එක් එක් චරිත, එනම්, වඩා 0F6බවට පත් #00FF66නොවේ #000F06.

— ආරොන් ඩුෆෝර්

634

rusr: HTML නිර්මාණය කර ඇත්තේ හිතාමතාම විකෘති ආදානය නොසලකා හැරීම වටා ය;)

— ලිලී බැලාර්ඩ්

59

විශේෂිත නූල් සඳහා වර්ණය ලබා ගැනීම සඳහා ඔබට මගේ අහඹු නූල් css වර්ණ පරිවර්තකය භාවිතා කළ හැකිය . එය පදනම් වී ඇත්තේ ජෙරමි ගුඩෙල් විසින් නූල් වර්ණය ගණනය කිරීමේ පියවර 5 මත ය .

— ටිම්පියෙට්‍රස්කි

15

අර්ථ නිරූපණය සඳහා සැඟවුණු අවස්ථාවක්? ඔබට මෙය සමඟ වැරදි පිටු කිහිපයක් සෑදිය හැකිය: <body bgcolor=error><h1 style=text-align:center>Error: Not Found<h1></span>ඔබට ඇනෝටේ පසුබිමක් හෝ ඒ හා සමාන යමක් එකතු කළ හැකිය, එබැවින් එය සෞන්දර්යාත්මකව කම්පනය නොවේ.

— Theraot

32

Ra තෙරොට් bgcolor="success"ද ලස්සන කොළ පාටයි. සිත් ගන්නා සුළු එකක් CSS විශේෂණය / අගය තේරීම් යොදා ගනිමින් මෙම වර්ණ පරයා (උදා, td[bgcolor="chucknorris"] {...}).

— daiscog

970

මම එකඟ සමාවෙන්න, නමුත් උරුමය වර්ණ අගය මාණකරනය ක්රියාත්මක කිරීම සඳහා නීති රීති අනුව විසින් පල @Yuhong Bao , chucknorrisපිළියෙළ කිරීම සඳහා නොවේ #CC0000, නමුත් ඒ වෙනුවට #C00000, රතු ඉතා සමාන නමුත් තරමක් වෙනස් පැහැයක්. මෙය සත්‍යාපනය කිරීම සඳහා මම ෆයර්ෆොක්ස් කලර්සිලා ඇඩෝනය භාවිතා කළෙමි .

නීති වල මෙසේ සඳහන් වේ:

0s එකතු කිරීමෙන් නූල් දිග 3 කින් ගුණ කරන්න: chucknorris0
නූල් සමාන දිග නූල් 3 කට වෙන් කරන්න: chuc knor ris0
සෑම නූලක්ම අක්ෂර 2 කට කපා දමන්න: ch kn ri
හෙක්ස් අගයන් තබාගෙන අවශ්‍ය තැන 0 එකතු කරන්න: C0 00 00

පහත දැක්වෙන නූල් නිවැරදිව අර්ථ නිරූපණය කිරීම සඳහා මෙම නීති භාවිතා කිරීමට මට හැකි විය:

LuckyCharms
Luck
LuckBeALady
LuckBeALadyTonight
GangnamStyle

යාවත්කාලීන කිරීම: වර්ණය යැයි පැවසූ මුල් #CC0000පිළිතුරු දුන් අය නිවැරදි කිරීම් ඇතුළත් කිරීම සඳහා ඔවුන්ගේ පිළිතුරු සංස්කරණය කර ඇත.

— ජෙරමි ගුඩෙල්
source

86

මම එය හදුනා ගතිමි, මම විග්‍රහ කිරීමේ උපදෙස් කිහිපයක් වැරදි ලෙස අර්ථකථනය කර ඇත: "adamlevine" = "ada00e000e" = "ada00e000e00" = "ada0 0e00 0e00" = "ad 0e 0e" - පරිපූර්ණ !!

— ජෙරමි ගුඩෙල්

17

ඔබ කැමති නම්, මම අද පළ කළ සමාන ප්‍රශ්නයක් සඳහා පියවර 5 කින් යුත් ඇල්ගොරිතම යාවත්කාලීන කිරීමක් ලෙස පළ කළෙමි: stackoverflow.com/questions/12939234/…

— ජෙරමි ගුඩෙල්

18

ImTimPietrusky විසින් අහඹු වර්ණ නම් සඳහා මෙම විකාර ඇදහිය නොහැකි නිරූපණ මෙවලම නිර්මාණය කරන ලදී. මෙතැනට යන්න: randomstringtocsscolor.com සහ කොටුව මත ක්ලික් කර "chucknorris" ටයිප් කරන්න.

— ජෙරමි ගුඩෙල්

4

adamlevinejsfiddle.net/LdyZ8/2959 අනුව ක්‍රියා කරයි, නමුත් අකුරු අවහිර කර ada00e000eඇති අතර ඒවා ada00e000e00සාමාන්‍ය HEX 6 ඉලක්කම් අගයට අඩු කර [ad]a0[0e]00[0e]00ඇති අතර එමඟින් ඉහත jsfiddle හි දැක්වෙන ad0e0e සාදයි.

— මාටින්

4

මෙම පිළිතුරෙහි වර්තමාන තත්වය පමණක් අඩංගු නම් වඩා හොඳය - මෙම පිළිතුරේ ඉතිහාසය සහ වෙනත් පිළිතුරු සංස්කරණ සාරාංශ සහ / හෝ අදහස් වලට අයත් වේ.

— පීටර් මෝර්ටෙන්සන්

397

බොහෝ බ්‍රව්සර් හුදෙක් ඔබේ වර්ණ නූලෙහි ඇති NON-hex අගයන් නොසලකා හරිනු ඇත, හෙක්ස් නොවන ඉලක්කම් ශුන්‍ය සමඟ ආදේශ කරයි.

ChuCknorrisපරිවර්තනය කරයි c00c0000000. මෙම අවස්ථාවෙහිදී, බ්‍රව්සරය රතු , කොළ සහ නිල් අගයන් දක්වමින් නූල සමාන කොටස් තුනකට බෙදා ඇත : c00c 0000 0000. එක් එක් කොටසේ අමතර බිටු නොසලකා හරිනු ඇත, එමඟින් අවසාන ප්‍රති result #c00000ලය රතු පැහැයට හැරේ.

සටහන, මෙය CSS ප්‍රමිතිය අනුගමනය කරන CSS වර්ණ විග්‍රහයට අදාළ නොවේ .

<p><font color='chucknorris'>Redish</font></p>
<p><font color='#c00000'>Same as above</font></p>
<p><span style="color: chucknorris">Black</span></p>

ස්නිපටය පුළුල් කරන්න

— මයික් ක්‍රිස්ටෙන්සන්
source

7

OP තවමත් "CSS වලින්" මිස "HTML වලින්" නොකියන්නේ ඇයි දැයි මට තවමත් කුතුහලයක් ඇතත් - සමහර විට ඔවුන් සුපිරි පැරණි බ්‍රව්සරයක් භාවිතා කරනවාද, නැතහොත් වැරදියටද?

— මයික් ක්‍රිස්ටෙන්සන්

7

එබැවින් ඔහු අතහැර දැමූ bgcolorගුණාංගය භාවිතා කිරීමට වඩා වැඩි ය .

— animuson

12

අවලංගු අක්ෂර මඟ හැරී නැත, ඒවා 0 ලෙස සලකනු ලැබේ.

— ඔබේ මෝඩයන්ට හොඳින් සලකන්න

5

(මෙම පිළිතුර මිය ගිය විට) යෝජනාව: ටෙහ් වර්ණ නිරූපණය කිරීමට පසුබිම් වර්ණය භාවිතා කරන්න. පෙළ වර්ණය එතරම් කුඩා සාපේක්ෂ ප්‍රදේශයකට වඩා වෙනස් හෝ සමානකම් දැකීම දුෂ්කර ය

— Zoe

304

බ්‍රව්සරය chucknorrisහෙක්ස් වර්ණ කේතයක් බවට පරිවර්තනය කිරීමට උත්සාහ කරයි , මන්ද එය වලංගු අගයක් නොවේ.

තුළ chucknorris, හැර අනෙක් සියල්ල cවලංගු හෙක්ස් අගයක් නොවේ.
එබැවින් එය බවට පරිවර්තනය වේ c00c00000000.
එය # c00000 බවට පත්වේ , රතු පැහැයෙන් යුත් සෙවන.

මෙය මූලික වශයෙන් ගැටලුවක් බව පෙනේ ක්‍රෝම් (31) සහ ෆයර්ෆොක්ස් (26) යන දෙකම මෙය නොසලකා හරින බැවින් මෙය ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් සහ ඔපෙරා (12) .

PS වරහන් වල ඇති සංඛ්‍යා මා පරීක්ෂා කළ බ්‍රව්සර් අනුවාද වේ.

.

සැහැල්ලු සටහනක

චක් නොරිස් වෙබ් ප්‍රමිතීන්ට අනුකූල නොවේ. වෙබ් ප්‍රමිතීන් ඔහුට අනුකූල වේ. # BADA55

— aWebDeveloper
source

299

හේතුව බ්‍රව්සරයට එය තේරුම් ගත නොහැකි අතර එය කෙසේ හෝ එය තේරුම් ගත හැකි දේට පරිවර්තනය කිරීමට උත්සාහ කිරීම සහ මේ අවස්ථාවේ දී ෂඩාස්රාකාර අගයක් බවට පරිවර්තනය කිරීම! ...

chucknorris ආරම්භ වේ c වන්නේ ෂඩාස්රාකාරයේ හඳුනාගත් අක්‍ෂරයකින් වන අතර එය හඳුනා නොගත් සියලුම අක්ෂර බවට පරිවර්තනය කරයි 0!

ඒ නිසා chucknorrisෂඩ් දශම ආකෘතියෙන් බවට පත්: c00c00000000වෙනත් සියලු චරිත බවට පත් 0හාc ඒවා කොහෙද පවතී ...

දැන් ඔවුන් RGB(රතු, කොළ, නිල්) සඳහා 3 කින් බෙදනු ලැබේ ...R: c00c, G: 0000, B:0000 ...

නමුත් RGB සඳහා වලංගු ෂඩාස්රාකාර අක්ෂර 2 ක් පමණක් බව අපි දනිමු R: c0, G: 00, B:00

එබැවින් සැබෑ ප්‍රති result ලය වන්නේ:

bgcolor="#c00000";

මම ඔබ වෙනුවෙන් ඉක්මන් යොමු කිරීමක් ලෙස රූපයේ පියවර එකතු කළෙමි:

— අලිරේසා
source

23

මෙය එතරම් හුරුබුහුටි පැහැදිලි කිරීමකි: D: D: D

— ඩොමිනික් බුචර්

2

මම මෙතෙක් අත්විඳ ඇති ඉතා wise ානවන්ත හා ඉතා සරල හා ඉදිරියට යන පැහැදිලි කිරීම

— සෞරින් වලා

1

ඉතා නිර්මාණාත්මක පිළිතුර :)

— ahmednawazbutt

222

WHATWG HTML පිරිවිතරයට උරුම වර්ණ අගයක් විග්‍රහ කිරීම සඳහා නිශ්චිත ඇල්ගොරිතමයක් ඇත: https://html.spec.whatwg.org/multipage/infrastructure.html#rules-for-parsing-a-legacy-colour-value

වර්ණ නූල් විග්‍රහ කිරීම සඳහා භාවිතා කරන නෙට්ස්කේප් ක්ලැසික් කේතය විවෘත මූලාශ්‍රයකි: https://dxr.mozilla.org/classic/source/lib/layout/layimage.c#155

නිදසුනක් ලෙස, සෑම අක්ෂරයක්ම හෙක්ස් ඉලක්කම් ලෙස විග්‍රහ කර පසුව පිටාර ගැලීම පරීක්ෂා නොකර බිටු 32 ක පූර්ණ සංඛ්‍යාවක් වෙත මාරු කරනු ලැබේ. . බිටු 32 ක නිඛිලයකට ගැලපෙන්නේ හෙක්ස් ඉලක්කම් අටක් පමණි, එබැවින් අවසාන අක්ෂර 8 පමණක් සලකා බලනු ලැබේ. හෙක්ස් ඉලක්කම් 32-බිටු නිඛිලවලට විග්‍රහ කිරීමෙන් පසුව, ඒවා බිටු 8 ට අනුකලනය වන තෙක් ඒවා 16 න් බෙදීමෙන් බිටු 8 ක පූර්ණ සංඛ්‍යා වලට කපා ඇත, එබැවින් ප්‍රමුඛ ශුන්‍යයන් නොසලකා හරිනු ලැබේ.

යාවත්කාලීන කිරීම: මෙම කේතය පිරිවිතරයේ අර්ථ දක්වා ඇති දේට හරියටම නොගැලපේ, නමුත් එකම වෙනස වන්නේ කේත පේළි කිහිපයක් පමණි. මම හිතන්නේ මෙම රේඛා එකතු කර ඇත්තේ (නෙට්ස්කේප් 4 හි):

if (bytes_per_val > 4)
{
      bytes_per_val = 4;
}

— යුහොං බාඕ
source

ස්තූතියි, පැරණි නෙට්ස්කේප් ප්‍රභව කේතය කොහේදැයි ඔබ මට පෙන්නුවා ... එය සොයා ගැනීම එතරම් අපහසු ඇයි?

— kb1000

202

පිළිතුර:

චක්නොරිස් ෂඩාස්රාකාර අගයක් බවට පරිවර්තනය කිරීමට බ්‍රව්සරය උත්සාහ කරනු ඇත .
සිට cඑකම වලංගු hex චරිතයක් chucknorris : වටිනාකම බවට පරිවර්තනය c00c00000000( වලංගු නොවන බව සියලු වටිනාකම් සඳහා 0 ).
බ්රව්සරය පසුව groupds 3 කට ප්රතිඵලය බෙදී: Red = c00c, Green = 0000, Blue = 0000.
Html පසුබිම් සඳහා වලංගු හෙක්ස් අගයන් එක් එක් වර්ණ වර්ගයට ( r , g , b ) ඉලක්කම් 2 ක් පමණක් අඩංගු වන බැවින් , අවසාන ඉලක්කම් 2 සෑම කණ්ඩායමකින්ම කපා දමනු ලැබේ, එහි rgb අගය c00000ගඩොල්-රතු පැහැයට හුරු ටෝන් වර්ණයකි.

— වෙබෙන්ග්
source

22

chucknorris ඇරඹෙන්නේ c වලින් වන අතර බ්‍රව්සරය එය ෂඩාස්රාකාර අගයකට කියවයි.

A, B, C, D, E, F යනු ෂඩාස්රාකාරයේ අක්ෂර වන බැවිනි.

බ්‍රව්සරය chucknorrisෂඩාස්රාකාර අගයක් බවට පරිවර්තනය කරයි ,C00C00000000 .

එවිට C00C00000000ෂඩාස්රාකාර අගය RGB ආකෘතියට පරිවර්තනය වේ (3 න් බෙදනු ලැබේ):

C00C00000000 => R:C00C, G:0000, B:0000

වර්ණය දැක්වීමට බ්‍රව්සරයට අවශ්‍ය වන්නේ ඉලක්කම් දෙකක් පමණි:

R:C00C, G:0000, B:0000=> R:C0, G:00, B:00=>C00000

අවසාන වශයෙන්, bgcolor = C00000වෙබ් බ්‍රව්සරයේ පෙන්වන්න .

එය නිරූපණය කරන උදාහරණයක් මෙන්න:

<table>
  <tr>
    <td bgcolor="chucknorris" cellpadding="10" width="150" align="center">chucknorris</td>
    <td bgcolor="c00c00000000" cellpadding="10" width="150" align="center">c00c00000000</td>
    <td bgcolor="c00000" cellpadding="10" width="150" align="center">c00000</td>
  </tr>
</table>

ස්නිපටය පුළුල් කරන්න

— සමේරා ලක්ෂිතා
source

15

මෙම උරුමය ගුණාංග මත වර්ණ මාණකරනය ක්රියාත්මක කිරීම සඳහා වන නීති පවතින පිළිතුරු සඳහන් වඩා අතිරේක පියවර ඇතුළත් වේ. ඉලක්කම් 2 ක කොටසකට කප්පාදු කරන සංරචකය පහත පරිදි විස්තර කෙරේ:

අවසාන 8 හැර අනෙක් සියලුම අක්ෂර ඉවතලන්න
සියලුම සංරචකවල ප්‍රමුඛ ශුන්‍යයක් පවතින තාක් කල් ප්‍රමුඛ ශුන්‍යයන් එකින් එක ඉවතලන්න
පළමු 2 හැර අනෙක් සියලුම අක්ෂර ඉවතලන්න

උදාහරණ කිහිපයක්:

oooFoooFoooF
000F 000F 000F                <- replace, pad and chunk
0F 0F 0F                      <- leading zeros truncated
0F 0F 0F                      <- truncated to 2 characters from right

oooFooFFoFFF
000F 00FF 0FFF                <- replace, pad and chunk
00F 0FF FFF                   <- leading zeros truncated
00 0F FF                      <- truncated to 2 characters from right

ABCooooooABCooooooABCoooooo
ABC000000 ABC000000 ABC000000 <- replace, pad and chunk
BC000000 BC000000 BC000000    <- truncated to 8 characters from left
BC BC BC                      <- truncated to 2 characters from right

AoCooooooAoCooooooAoCoooooo
A0C000000 A0C000000 A0C000000 <- replace, pad and chunk
0C000000 0C000000 0C000000    <- truncated to 8 characters from left
C000000 C000000 C000000       <- leading zeros truncated
C0 C0 C0                      <- truncated to 2 characters from right

පහත දැක්වෙන්නේ ඇල්ගොරිතම අර්ධ වශයෙන් ක්‍රියාත්මක කිරීමයි. පරිශීලකයා වලංගු වර්ණයකට ඇතුළු වන විට එය දෝෂ හෝ අවස්ථා හසුරුවන්නේ නැත.

කේත ස්නිපටය පෙන්වන්න

function parseColor(input) {
  // todo: return error if input is ""
  input = input.trim();
  // todo: return error if input is "transparent"
  // todo: return corresponding #rrggbb if input is a named color
  // todo: return #rrggbb if input matches #rgb
  // todo: replace unicode code points greater than U+FFFF with 00
  if (input.length > 128) {
    input = input.slice(0, 128);
  }
  if (input.charAt(0) === "#") {
    input = input.slice(1);
  }
  input = input.replace(/[^0-9A-Fa-f]/g, "0");
  while (input.length === 0 || input.length % 3 > 0) {
    input += "0";
  }
  var r = input.slice(0, input.length / 3);
  var g = input.slice(input.length / 3, input.length * 2 / 3);
  var b = input.slice(input.length * 2 / 3);
  if (r.length > 8) {
    r = r.slice(-8);
    g = g.slice(-8);
    b = b.slice(-8);
  }
  while (r.length > 2 && r.charAt(0) === "0" && g.charAt(0) === "0" && b.charAt(0) === "0") {
    r = r.slice(1);
    g = g.slice(1);
    b = b.slice(1);
  }
  if (r.length > 2) {
    r = r.slice(0, 2);
    g = g.slice(0, 2);
    b = b.slice(0, 2);
  }
  return "#" + r.padStart(2, "0") + g.padStart(2, "0") + b.padStart(2, "0");
}

$(function() {
  $("#input").on("change", function() {
    var input = $(this).val();
    var color = parseColor(input);
    var $cells = $("#result tbody td");
    $cells.eq(0).attr("bgcolor", input);
    $cells.eq(1).attr("bgcolor", color);

    var color1 = $cells.eq(0).css("background-color");
    var color2 = $cells.eq(1).css("background-color");
    $cells.eq(2).empty().append("bgcolor: " + input, "<br>", "getComputedStyle: " + color1);
    $cells.eq(3).empty().append("bgcolor: " + color, "<br>", "getComputedStyle: " + color2);
  });
});

body { font: medium monospace; }
input { width: 20em; }
table { table-layout: fixed; width: 100%; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<p><input id="input" placeholder="Enter color e.g. chucknorris"></p>
<table id="result">
  <thead>
    <tr>
      <th>Left Color</th>
      <th>Right Color</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>

ස්නිපටය පුළුල් කරන්න

— සල්මාන් ඒ
source