#660f16
RGB ( 赤 = 102, 緑 = 15, 青 = 22 )
HSL ( 色相 = 355°, 彩度 = 74%, 明度 = 23% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #66160f : -350
15 : #66250f : -340
25 : #66330f : -330
35 : #66420f : -320
45 : #66500f : -310
55 : #665f0f : -300
65 : #5f660f : -290
75 : #50660f : -280
85 : #42660f : -270
95 : #33660f : -260
105 : #25660f : -250
115 : #16660f : -240
125 : #0f6616 : -230
135 : #0f6625 : -220
145 : #0f6633 : -210
155 : #0f6642 : -200
165 : #0f6650 : -190
175 : #0f665f : -180
185 : #0f5f66 : -170
195 : #0f5066 : -160
205 : #0f4266 : -150
215 : #0f3366 : -140
225 : #0f2566 : -130
235 : #0f1666 : -120
245 : #160f66 : -110
255 : #250f66 : -100
265 : #330f66 : -90
275 : #420f66 : -80
285 : #500f66 : -70
295 : #5f0f66 : -60
305 : #660f5f : -50
315 : #660f50 : -40
325 : #660f42 : -30
335 : #660f33 : -20
345 : #660f25 : -10
355 : #660f16 : ±0
345 : #660f25 : -10
346 : #660f24 : -9
347 : #660f22 : -8
348 : #660f21 : -7
349 : #660f1f : -6
350 : #660f1e : -5
351 : #660f1c : -4
352 : #660f1b : -3
353 : #660f19 : -2
354 : #660f18 : -1
355 : #660f16 : ±0
356 : #660f15 : +1
357 : #660f14 : +2
358 : #660f12 : +3
359 : #660f11 : +4
0 : #660f0f : -355
1 : #66110f : -354
2 : #66120f : -353
3 : #66140f : -352
4 : #66150f : -351
5 : #66160f : -350
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3a3a3a : -74
2 : #3c393a : -72
4 : #3d3839 : -70
6 : #3e3738 : -68
8 : #3f3637 : -66
10 : #413536 : -64
12 : #423435 : -62
14 : #433234 : -60
16 : #443133 : -58
18 : #453032 : -56
20 : #462f31 : -54
22 : #482e30 : -52
24 : #492d2f : -50
26 : #4a2b2e : -48
28 : #4b2a2d : -46
30 : #4c292c : -44
32 : #4d282b : -42
34 : #4f272a : -40
36 : #502629 : -38
38 : #512428 : -36
40 : #522327 : -34
42 : #532226 : -32
44 : #542125 : -30
46 : #562024 : -28
48 : #571e23 : -26
50 : #581d22 : -24
52 : #591c21 : -22
54 : #5a1b20 : -20
56 : #5b1a1f : -18
58 : #5d191e : -16
60 : #5e171d : -14
62 : #5f161c : -12
64 : #60151b : -10
66 : #61141a : -8
68 : #631319 : -6
70 : #641218 : -4
72 : #651017 : -2
74 : #660f16 : ±0
76 : #670e16 : +2
78 : #680d15 : +4
80 : #6a0c14 : +6
82 : #6b0b13 : +8
84 : #6c0912 : +10
86 : #6d0811 : +12
88 : #6e0710 : +14
90 : #6f060f : +16
92 : #71050e : +18
94 : #72040d : +20
96 : #73020c : +22
98 : #74010b : +24
100 : #75000a : +26
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -22
3 : #0d0203 : -20
5 : #160305 : -18
7 : #1f0507 : -16
9 : #280609 : -14
11 : #31070b : -12
13 : #3a090d : -10
15 : #430a0f : -8
17 : #4b0b11 : -6
19 : #540d13 : -4
21 : #5d0e15 : -2
23 : #660f16 : ±0
25 : #6f1118 : +2
27 : #78121a : +4
29 : #81131c : +6
31 : #8a151e : +8
33 : #921620 : +10
35 : #9b1722 : +12
37 : #a41924 : +14
39 : #ad1a26 : +16
41 : #b61b28 : +18
43 : #bf1d2a : +20
45 : #c81e2c : +22
47 : #d11f2e : +24
49 : #d92030 : +26
51 : #df2635 : +28
53 : #e02e3d : +30
55 : #e13745 : +32
57 : #e2404e : +34
59 : #e44956 : +36
61 : #e5525e : +38
63 : #e65b66 : +40
65 : #e8646f : +42
67 : #e96d77 : +44
69 : #ea757f : +46
71 : #ec7e87 : +48
73 : #ed8790 : +50
75 : #ee9098 : +52
77 : #f099a0 : +54
79 : #f1a2a8 : +56
81 : #f2abb1 : +58
83 : #f4b4b9 : +60
85 : #f5bcc1 : +62
87 : #f6c5c9 : +64
89 : #f8ced2 : +66
91 : #f9d7da : +68
93 : #fae0e2 : +70
95 : #fce9ea : +72
97 : #fdf2f3 : +74
99 : #fefbfb : +76
CSS入門、作ってます。
text-shadow