{"id":2095,"date":"2022-07-23T08:03:37","date_gmt":"2022-07-22T23:03:37","guid":{"rendered":"http:\/\/www.agile-software.site\/?p=2095"},"modified":"2022-11-27T04:08:18","modified_gmt":"2022-11-26T19:08:18","slug":"hsla%e9%96%a2%e6%95%b0","status":"publish","type":"post","link":"https:\/\/agile-software.net\/?p=2095","title":{"rendered":"\u201chsla()\u201d\u95a2\u6570"},"content":{"rendered":"\n<p>\u201chsla()\u201d\u95a2\u6570\u306fHSL\u30ab\u30e9\u30fc\u30fb\u30e2\u30c7\u30eb\u306e\u8272\u76f8(\u201cHue\u201d)\u3001\u5f69\u5ea6(\u201cSaturation\u201d)\u3001\u8f1d\u5ea6(\u201cLightness\u201d\u3001\u3082\u3057\u304f\u306f\u201cLuminance\u201d)\u306e\u6210\u5206\u3068\u900f\u660e\u5ea6\u3092\u8868\u3059\u30a2\u30eb\u30d5\u30a1\u5024\u3067\u8272\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306e\u95a2\u6570\u3067\u3059\u3002<a href=\"https:\/\/web.havincoffee.com\/css\/value\/color\/index.html\">\u201c&lt;color&gt;\u201d\u5024<\/a>\u3068\u3057\u3066\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u201chsla()\u201d\u95a2\u6570\u306e\u69cb\u6587<\/h2>\n\n\n\n<p>\u8272\u76f8\u3001\u5f69\u5ea6\u3001\u8f1d\u5ea6\u3001\u30a2\u30eb\u30d5\u30a1\u5024\u3092\u8868\u30594\u500b\u306e\u5f15\u6570\u3092\u9806\u756a\u306b\u30b3\u30f3\u30de(\u201c,\u201d)\u3067\u533a\u5207\u3063\u3066\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>hsla(\u301a\u8272\u76f8\u301b,\u301a\u5f69\u5ea6\u301b,\u301a\u8f1d\u5ea6\u301b,\u301a\u30a2\u30eb\u30d5\u30a1\u5024\u301b)<\/code><\/pre><\/div>\n\n\n\n<p>1\u500b\u76ee\u306e\u5f15\u6570\u306f\u8272\u76f8\u3092\u8868\u3057\u3001<a href=\"https:\/\/web.havincoffee.com\/css\/value\/color\/hue.html\">\u201c&lt;hue&gt;\u201d\u5024<\/a>\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002\u201c0deg\u201d\u304c\u8d64\u8272\u3001\u201c120deg\u201d\u304c\u7dd1\u8272\u3001\u201c240deg\u201d\u304c\u9752\u8272\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>2\u500b\u76ee\u306e\u5f15\u6570\u306f\u5f69\u5ea6\u3092\u8868\u3057\u3001<a href=\"https:\/\/web.havincoffee.com\/css\/value\/percentage.html\">\u201c&lt;percentage&gt;\u201d\u5024<\/a>\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002\u201c100%\u201d\u304c\u7d14\u8272\u3001\u201c0%\u201d\u3067\u7121\u5f69\u8272\u306e\u7070\u8272\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>3\u500b\u76ee\u306e\u5f15\u6570\u306f\u8f1d\u5ea6\u3092\u8868\u3057\u3001<a href=\"https:\/\/web.havincoffee.com\/css\/value\/percentage.html\">\u201c&lt;percentage&gt;\u201d\u5024<\/a>\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002\u201c50%\u201d\u304c\u7d14\u8272\u3092\u8868\u3057\u3001\u201c0%\u201d\u304c\u9ed2\u8272\u3001\u201c100%\u201d\u304c\u9ed2\u8272\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>4\u500b\u76ee\u306e\u5f15\u6570\u306f\u8272\u306e\u900f\u660e\u5ea6\u3092\u793a\u3059\u30a2\u30eb\u30d5\u30a1\u5024\u3092\u8868\u3057\u307e\u3059\u3002\u30a2\u30eb\u30d5\u30a1\u5024\u306f<a href=\"https:\/\/web.havincoffee.com\/css\/value\/color\/alpha-value.html\">\u201c&lt;alpha-value&gt;\u201d\u5024<\/a>\u3067\u8868\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\u201cCSS Color Module Level 3\u201d\u3067\u306f\u30a2\u30eb\u30d5\u30a1\u5024\u3092\u542b\u307e\u306a\u3044\u8272\u304c<a href=\"https:\/\/web.havincoffee.com\/css\/value\/color\/func-hsla.html\">\u201chsl()\u201d\u95a2\u6570<\/a>\u3001\u30a2\u30eb\u30d5\u30a1\u5024\u3092\u542b\u3080\u8272\u304c\u201chsla()\u201d\u95a2\u6570\u3068\u533a\u5225\u3055\u308c\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u201cCSS Color Module Level 4\u201d\u3067\u306f\u201chsla()\u201d\u95a2\u6570\u306f<a href=\"https:\/\/web.havincoffee.com\/css\/value\/color\/func-hsla.html\">\u201chsl()\u201d\u95a2\u6570<\/a>\u306e\u5225\u540d\u3068\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u540c\u3058\u50cd\u304d\u3092\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4276705529344958\" crossorigin=\"anonymous\"><\/script>\n<!-- Agile\u80b2\u6210\u30d6\u30ed\u30b0 -->\n<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-4276705529344958\" data-ad-slot=\"9009931297\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u201chsla()\u201d\u95a2\u6570\u306fHSL\u30ab\u30e9\u30fc\u30fb\u30e2\u30c7\u30eb\u306e\u8272\u76f8(\u201cHue\u201d)\u3001\u5f69\u5ea6(\u201cSaturation\u201d)\u3001\u8f1d\u5ea6(\u201cLightness\u201d\u3001\u3082\u3057\u304f\u306f\u201cLuminance\u201d)\u306e\u6210\u5206\u3068\u900f\u660e\u5ea6\u3092\u8868\u3059\u30a2\u30eb\u30d5\u30a1\u5024\u3067\u8272\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306e\u95a2\u6570\u3067\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2095","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/2095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2095"}],"version-history":[{"count":2,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/2095\/revisions"}],"predecessor-version":[{"id":2259,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/2095\/revisions\/2259"}],"wp:attachment":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}