{"id":441559,"date":"2021-04-14T01:21:28","date_gmt":"2021-04-13T17:21:28","guid":{"rendered":"http:\/\/4563.org\/?p=441559"},"modified":"2021-04-20T01:50:44","modified_gmt":"2021-04-19T17:50:44","slug":"%e4%ba%94%e5%8d%81%e5%ba%a6%e7%81%b0","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=441559","title":{"rendered":"\u4e94\u5341\u5ea6\u7070"},"content":{"rendered":"
\n
\n
\n

\u4e94\u5341\u5ea6\u7070 <\/h1>\n

<\/p>\n

\n
\u8cc7\u6df1\u5927\u4f6c : IgniteWhite <\/span> <\/i> 3<\/span> <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
<\/p>\n

\u6700\u8fd1\u641e\u547d\u4ee4\u884c\u914d\u8272\u88ab\u7070\u8272\u8ff7\u5012\uff0c\u634b\u6e05\u695a\u4e86\u4e4b\u540e\u5199\u4e86\u4e2a wiki\uff1a https:\/\/github.com\/g6ai\/dotfiles\/wiki\/Colour#grey<\/p>\n

\u8fd9\u91cc\u642c\u8fd0 wiki \u5185\u5bb9\uff0c\u94fe\u63a5\u91cc\u6392\u7248\u66f4\u8212\u670d\u4e00\u4e9b\uff0c\u5982\u679c\u6709\u66f4\u591a\u5206\u4eab\u7684\u5185\u5bb9\u4e5f\u4f1a\u66f4\u65b0\u3002<\/p>\n

Grey<\/h1>\n

<\/p>\n

True colour Grey<\/h2>\n

There are two Grey<\/strong> colours:<\/p>\n

    \n
  • \"\u4e94\u5341\u5ea6\u7070\" #bebebe<\/code> in X11, 75% brightness<\/li>\n
  • \"\u4e94\u5341\u5ea6\u7070\" #808080<\/code> in HTML, 50% brightness<\/li>\n<\/ul>\n

    And the other three variations of Grey<\/strong> is derived from the one in X11, so together they make a range of Grey<\/strong> colours:<\/p>\n

      \n
    • \"\u4e94\u5341\u5ea6\u7070\" #d3d3d3<\/code>, LightGrey<\/strong>, 83% brightness<\/li>\n
    • \"\u4e94\u5341\u5ea6\u7070\" #bebebe<\/code>, Grey<\/strong>, 75% brightness<\/li>\n
    • \"\u4e94\u5341\u5ea6\u7070\" #a9a9a9<\/code>, DarkGrey<\/strong>, 66% brightness<\/li>\n
    • \"\u4e94\u5341\u5ea6\u7070\" #696969<\/code>, DimGrey<\/strong>, 41% brightness<\/li>\n<\/ul>\n

      In (at least) Vim colour schemes, the Grey<\/strong> in HTML is actually used. So the Grey<\/strong> range actually applied is:<\/p>\n

        \n
      • \"\u4e94\u5341\u5ea6\u7070\" #d3d3d3<\/code>, LightGrey<\/strong>, 83% brightness<\/li>\n
      • \"\u4e94\u5341\u5ea6\u7070\" #a9a9a9<\/code>, DarkGrey<\/strong>, 66% brightness<\/li>\n
      • \"\u4e94\u5341\u5ea6\u7070\" #808080<\/code>, Grey<\/strong>, 50% brightness<\/li>\n
      • \"\u4e94\u5341\u5ea6\u7070\" #696969<\/code>, DimGrey<\/strong>, 41% brightness<\/li>\n<\/ul>\n

        So the Grey<\/strong> is darker than DarkGrey<\/strong>!<\/p>\n

        256 colour Grey<\/h2>\n

        For terminal emulator that do not support true colour (better not use such terminals, but there are always those scenarios where you have to deal with those), the best replacement for the Grey<\/strong> range is listed here:<\/p>\n\n\n\n\n\n\n\n\n
        True colour<\/th>\n256 colour<\/th>\n<\/tr>\n<\/thead>\n
        LightGrey<\/strong>, 83% brightness, #d3d3d3<\/code>, \"\u4e94\u5341\u5ea6\u7070\"<\/td>\n\"\u4e94\u5341\u5ea6\u7070\" #d0d0d0<\/code>, 252<\/code>, 81% brightness<\/td>\n<\/tr>\n
        DarkGrey<\/strong>, 66% brightness, #a9a9a9<\/code>, \"\u4e94\u5341\u5ea6\u7070\"<\/td>\n\"\u4e94\u5341\u5ea6\u7070\" #a8a8a8<\/code>, 248<\/code>, 65% brightness<\/td>\n<\/tr>\n
        Grey<\/strong>, 50% brightness, #808080<\/code>, \"\u4e94\u5341\u5ea6\u7070\"<\/td>\n\"\u4e94\u5341\u5ea6\u7070\" #808080<\/code>, 008<\/code>, 50% brightness<\/td>\n<\/tr>\n
        DimGrey<\/strong>, 41% brightness, #696969<\/code>, \"\u4e94\u5341\u5ea6\u7070\"<\/td>\n\"\u4e94\u5341\u5ea6\u7070\" #6c6c6c<\/code>, 242<\/code>, 40% brightness<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

        Ref:<\/h1>\n

        <\/p>\n

          \n
        • https:\/\/en.wikipedia.org\/wiki\/X11_color_names#Clashes_between_web_and_X11_colors_in_the_CSS_color_scheme<\/li>\n<\/ul><\/div>\n
          \u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (0<\/span>) <\/div>\n
          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
            \n
          • \n","protected":false},"excerpt":{"rendered":"

            \u4e94\u5341\u5ea6\u7070 \u8cc7\u6df1\u5927\u4f6c : Ignit…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/441559"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=441559"}],"version-history":[{"count":1,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/441559\/revisions"}],"predecessor-version":[{"id":441579,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/441559\/revisions\/441579"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=441559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=441559"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=441559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}