#660038
RGB ( 赤 = 102, 緑 = 0, 青 = 56 )
HSL ( 色相 = 327°, 彩度 = 100%, 明度 = 20% )
H : 色相 ( 327° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #660c00 : -320
17 : #661d00 : -310
27 : #662e00 : -300
37 : #663f00 : -290
47 : #665000 : -280
57 : #666100 : -270
67 : #5a6600 : -260
77 : #496600 : -250
87 : #386600 : -240
97 : #276600 : -230
107 : #166600 : -220
117 : #056600 : -210
127 : #00660c : -200
137 : #00661d : -190
147 : #00662e : -180
157 : #00663f : -170
167 : #006650 : -160
177 : #006661 : -150
187 : #005a66 : -140
197 : #004966 : -130
207 : #003866 : -120
217 : #002766 : -110
227 : #001666 : -100
237 : #000566 : -90
247 : #0c0066 : -80
257 : #1d0066 : -70
267 : #2e0066 : -60
277 : #3f0066 : -50
287 : #500066 : -40
297 : #610066 : -30
307 : #66005a : -20
317 : #660049 : -10
327 : #660038 : ±0
337 : #660027 : +10
347 : #660016 : +20
357 : #660005 : +30
317 : #660049 : -10
318 : #660047 : -9
319 : #660046 : -8
320 : #660044 : -7
321 : #660042 : -6
322 : #660041 : -5
323 : #66003f : -4
324 : #66003d : -3
325 : #66003c : -2
326 : #66003a : -1
327 : #660038 : ±0
328 : #660036 : +1
329 : #660035 : +2
330 : #660033 : +3
331 : #660031 : +4
332 : #660030 : +5
333 : #66002e : +6
334 : #66002c : +7
335 : #66002b : +8
336 : #660029 : +9
337 : #660027 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -100
2 : #343233 : -98
4 : #353133 : -96
6 : #363033 : -94
8 : #372f33 : -92
10 : #382e34 : -90
12 : #392d34 : -88
14 : #3a2c34 : -86
16 : #3b2b34 : -84
18 : #3c2a34 : -82
20 : #3d2934 : -80
22 : #3e2834 : -78
24 : #3f2734 : -76
26 : #402634 : -74
28 : #412534 : -72
30 : #422435 : -70
32 : #432335 : -68
34 : #442235 : -66
36 : #452135 : -64
38 : #462035 : -62
40 : #471f35 : -60
42 : #481e35 : -58
44 : #491d35 : -56
46 : #4a1c35 : -54
48 : #4b1b35 : -52
50 : #4d1a36 : -50
52 : #4e1836 : -48
54 : #4f1736 : -46
56 : #501636 : -44
58 : #511536 : -42
60 : #521436 : -40
62 : #531336 : -38
64 : #541236 : -36
66 : #551136 : -34
68 : #561036 : -32
70 : #570f37 : -30
72 : #580e37 : -28
74 : #590d37 : -26
76 : #5a0c37 : -24
78 : #5b0b37 : -22
80 : #5c0a37 : -20
82 : #5d0937 : -18
84 : #5e0837 : -16
86 : #5f0737 : -14
88 : #600637 : -12
90 : #610538 : -10
92 : #620438 : -8
94 : #630338 : -6
96 : #640238 : -4
98 : #650138 : -2
100 : #660038 : ±0
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #0a0006 : -18
4 : #14000b : -16
6 : #1f0011 : -14
8 : #290016 : -12
10 : #33001c : -10
12 : #3d0022 : -8
14 : #470027 : -6
16 : #52002d : -4
18 : #5c0032 : -2
20 : #660038 : ±0
22 : #70003e : +2
24 : #7a0043 : +4
26 : #850049 : +6
28 : #8f004f : +8
30 : #990054 : +10
32 : #a3005a : +12
34 : #ad005f : +14
36 : #b80065 : +16
38 : #c2006b : +18
40 : #cc0070 : +20
42 : #d60076 : +22
44 : #e0007b : +24
46 : #eb0081 : +26
48 : #f50087 : +28
50 : #ff008c : +30
52 : #ff0a91 : +32
54 : #ff1495 : +34
56 : #ff1f9a : +36
58 : #ff299f : +38
60 : #ff33a3 : +40
62 : #ff3da8 : +42
64 : #ff47ac : +44
66 : #ff52b1 : +46
68 : #ff5cb6 : +48
70 : #ff66ba : +50
72 : #ff70bf : +52
74 : #ff7ac3 : +54
76 : #ff85c8 : +56
78 : #ff8fcd : +58
80 : #ff99d1 : +60
82 : #ffa3d6 : +62
84 : #ffadda : +64
86 : #ffb8df : +66
88 : #ffc2e3 : +68
90 : #ffcce8 : +70
92 : #ffd6ed : +72
94 : #ffe0f1 : +74
96 : #ffebf6 : +76
98 : #fff5fa : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow