#8ebc38
RGB
| 赤 | 142 |
|---|---|
| 緑 | 188 |
| 青 | 56 |
HSL
| 色相 | 81° |
|---|---|
| 彩度 | 54% |
| 明度 | 48% |
| 輝度 | 62% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 142, 緑 = 188, 青 = 56 )
HSL ( 色相 = 81°, 彩度 = 54%, 明度 = 48% )
H : 色相 ( 81° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #bc3b38 : -80
11 : #bc5138 : -70
21 : #bc6738 : -60
31 : #bc7d38 : -50
41 : #bc9338 : -40
51 : #bca938 : -30
61 : #babc38 : -20
71 : #a4bc38 : -10
81 : #8ebc38 : ±0
91 : #78bc38 : +10
101 : #62bc38 : +20
111 : #4cbc38 : +30
121 : #38bc3b : +40
131 : #38bc51 : +50
141 : #38bc67 : +60
151 : #38bc7d : +70
161 : #38bc93 : +80
171 : #38bca9 : +90
181 : #38babc : +100
191 : #38a4bc : +110
201 : #388ebc : +120
211 : #3878bc : +130
221 : #3862bc : +140
231 : #384cbc : +150
241 : #3b38bc : +160
251 : #5138bc : +170
261 : #6738bc : +180
271 : #7d38bc : +190
281 : #9338bc : +200
291 : #a938bc : +210
301 : #bc38ba : +220
311 : #bc38a4 : +230
321 : #bc388e : +240
331 : #bc3878 : +250
341 : #bc3862 : +260
351 : #bc384c : +270
71 : #a4bc38 : -10
72 : #a2bc38 : -9
73 : #a0bc38 : -8
74 : #9ebc38 : -7
75 : #9bbc38 : -6
76 : #99bc38 : -5
77 : #97bc38 : -4
78 : #95bc38 : -3
79 : #93bc38 : -2
80 : #90bc38 : -1
81 : #8ebc38 : ±0
82 : #8cbc38 : +1
83 : #8abc38 : +2
84 : #88bc38 : +3
85 : #85bc38 : +4
86 : #83bc38 : +5
87 : #81bc38 : +6
88 : #7fbc38 : +7
89 : #7dbc38 : +8
90 : #7abc38 : +9
91 : #78bc38 : +10
S : 彩度 ( 54% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7a7a7a : -54
2 : #7b7d78 : -52
4 : #7c7f76 : -50
6 : #7d8273 : -48
8 : #7d8471 : -46
10 : #7e876e : -44
12 : #7f896c : -42
14 : #808c69 : -40
16 : #808e67 : -38
18 : #819064 : -36
20 : #829362 : -34
22 : #82955f : -32
24 : #83985d : -30
26 : #849a5b : -28
28 : #859d58 : -26
30 : #859f56 : -24
32 : #86a253 : -22
34 : #87a451 : -20
36 : #88a64e : -18
38 : #88a94c : -16
40 : #89ab49 : -14
42 : #8aae47 : -12
44 : #8bb045 : -10
46 : #8bb342 : -8
48 : #8cb540 : -6
50 : #8db83d : -4
52 : #8dba3b : -2
54 : #8ebc38 : ±0
56 : #8fbf36 : +2
58 : #90c133 : +4
60 : #90c431 : +6
62 : #91c62f : +8
64 : #92c92c : +10
66 : #93cb2a : +12
68 : #93ce27 : +14
70 : #94d025 : +16
72 : #95d322 : +18
74 : #96d520 : +20
76 : #96d71d : +22
78 : #97da1b : +24
80 : #98dc18 : +26
82 : #99df16 : +28
84 : #99e114 : +30
86 : #9ae411 : +32
88 : #9be60f : +34
90 : #9be90c : +36
92 : #9ceb0a : +38
94 : #9ded07 : +40
96 : #9ef005 : +42
98 : #9ef202 : +44
100 : #9ff500 : +46
L : 明度 ( 48% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -48
2 : #060802 : -46
4 : #0c1005 : -44
6 : #121807 : -42
8 : #181f09 : -40
10 : #1e270c : -38
12 : #242f0e : -36
14 : #293710 : -34
16 : #2f3f13 : -32
18 : #354715 : -30
20 : #3b4f17 : -28
22 : #41561a : -26
24 : #475e1c : -24
26 : #4d661e : -22
28 : #536e21 : -20
30 : #597623 : -18
32 : #5f7e26 : -16
34 : #658628 : -14
36 : #6b8d2a : -12
38 : #71952d : -10
40 : #779d2f : -8
42 : #7ca531 : -6
44 : #82ad34 : -4
46 : #88b536 : -2
48 : #8ebc38 : ±0
50 : #94c43b : +2
52 : #98c743 : +4
54 : #9dc94a : +6
56 : #a1cb52 : +8
58 : #a5ce5a : +10
60 : #aad062 : +12
62 : #aed26a : +14
64 : #b2d572 : +16
66 : #b6d779 : +18
68 : #bbd981 : +20
70 : #bfdc89 : +22
72 : #c3de91 : +24
74 : #c7e199 : +26
76 : #cce3a1 : +28
78 : #d0e5a9 : +30
80 : #d4e8b0 : +32
82 : #d9eab8 : +34
84 : #ddecc0 : +36
86 : #e1efc8 : +38
88 : #e5f1d0 : +40
90 : #eaf3d8 : +42
92 : #eef6e0 : +44
94 : #f2f8e7 : +46
96 : #f6faef : +48
98 : #fbfdf7 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow