#614 #661144
RGB ( 赤 = 102, 緑 = 17, 青 = 68 )
HSL ( 色相 = 324°, 彩度 = 71%, 明度 = 23% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #641711 : -320
14 : #642411 : -310
24 : #643211 : -300
34 : #644011 : -290
44 : #644e11 : -280
54 : #645c11 : -270
64 : #5f6411 : -260
74 : #516411 : -250
84 : #436411 : -240
94 : #356411 : -230
104 : #276411 : -220
114 : #196411 : -210
124 : #116417 : -200
134 : #116424 : -190
144 : #116432 : -180
154 : #116440 : -170
164 : #11644e : -160
174 : #11645c : -150
184 : #115f64 : -140
194 : #115164 : -130
204 : #114364 : -120
214 : #113564 : -110
224 : #112764 : -100
234 : #111964 : -90
244 : #171164 : -80
254 : #241164 : -70
264 : #321164 : -60
274 : #401164 : -50
284 : #4e1164 : -40
294 : #5c1164 : -30
304 : #64115f : -20
314 : #641151 : -10
324 : #641143 : ±0
334 : #641135 : +10
344 : #641127 : +20
354 : #641119 : +30
314 : #641151 : -10
315 : #64114f : -9
316 : #64114e : -8
317 : #64114d : -7
318 : #64114b : -6
319 : #64114a : -5
320 : #641149 : -4
321 : #641147 : -3
322 : #641146 : -2
323 : #641144 : -1
324 : #641143 : ±0
325 : #641142 : +1
326 : #641140 : +2
327 : #64113f : +3
328 : #64113d : +4
329 : #64113c : +5
330 : #64113b : +6
331 : #641139 : +7
332 : #641138 : +8
333 : #641136 : +9
334 : #641135 : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3b3a3b : -70
3 : #3c393b : -68
5 : #3e383b : -66
7 : #3f373b : -64
9 : #40353c : -62
11 : #41343c : -60
13 : #42333c : -58
15 : #43323c : -56
17 : #45313d : -54
19 : #46303d : -52
21 : #472e3d : -50
23 : #482d3d : -48
25 : #492c3e : -46
27 : #4a2b3e : -44
29 : #4c2a3e : -42
31 : #4d283e : -40
33 : #4e273f : -38
35 : #4f263f : -36
37 : #50253f : -34
39 : #52243f : -32
41 : #53233f : -30
43 : #542140 : -28
45 : #552040 : -26
47 : #561f40 : -24
49 : #571e40 : -22
51 : #591d41 : -20
53 : #5a1c41 : -18
55 : #5b1a41 : -16
57 : #5c1941 : -14
59 : #5d1842 : -12
61 : #5e1742 : -10
63 : #601642 : -8
65 : #611542 : -6
67 : #621343 : -4
69 : #631243 : -2
71 : #641143 : ±0
73 : #651043 : +2
75 : #670f43 : +4
77 : #680d44 : +6
79 : #690c44 : +8
81 : #6a0b44 : +10
83 : #6b0a44 : +12
85 : #6d0945 : +14
87 : #6e0845 : +16
89 : #6f0645 : +18
91 : #700545 : +20
93 : #710446 : +22
95 : #720346 : +24
97 : #740246 : +26
99 : #750146 : +28
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -22
3 : #0d0209 : -20
5 : #16040f : -18
7 : #1f0514 : -16
9 : #27071a : -14
11 : #300820 : -12
13 : #390a26 : -10
15 : #410b2c : -8
17 : #4a0d32 : -6
19 : #530e37 : -4
21 : #5c103d : -2
23 : #641143 : ±0
25 : #6d1249 : +2
27 : #76144f : +4
29 : #7e1554 : +6
31 : #87175a : +8
33 : #901860 : +10
35 : #991a66 : +12
37 : #a11b6c : +14
39 : #aa1d72 : +16
41 : #b31e77 : +18
43 : #bc207d : +20
45 : #c42183 : +22
47 : #cd2389 : +24
49 : #d6248f : +26
51 : #db2994 : +28
53 : #dc3298 : +30
55 : #de3b9d : +32
57 : #df43a1 : +34
59 : #e14ca5 : +36
61 : #e255aa : +38
63 : #e45eae : +40
65 : #e566b2 : +42
67 : #e76fb7 : +44
69 : #e878bb : +46
71 : #ea81c0 : +48
73 : #eb89c4 : +50
75 : #ed92c8 : +52
77 : #ee9bcd : +54
79 : #efa3d1 : +56
81 : #f1acd5 : +58
83 : #f2b5da : +60
85 : #f4bede : +62
87 : #f5c6e3 : +64
89 : #f7cfe7 : +66
91 : #f8d8eb : +68
93 : #fae0f0 : +70
95 : #fbe9f4 : +72
97 : #fdf2f8 : +74
99 : #fefbfd : +76
CSS入門、作ってます。
text-shadow