#6c1448
RGB ( 赤 = 108, 緑 = 20, 青 = 72 )
HSL ( 色相 = 325°, 彩度 = 69%, 明度 = 25% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6c1b14 : -320
15 : #6c2a14 : -310
25 : #6c3814 : -300
35 : #6c4714 : -290
45 : #6c5614 : -280
55 : #6c6414 : -270
65 : #646c14 : -260
75 : #566c14 : -250
85 : #476c14 : -240
95 : #386c14 : -230
105 : #2a6c14 : -220
115 : #1b6c14 : -210
125 : #146c1b : -200
135 : #146c2a : -190
145 : #146c38 : -180
155 : #146c47 : -170
165 : #146c56 : -160
175 : #146c64 : -150
185 : #14646c : -140
195 : #14566c : -130
205 : #14476c : -120
215 : #14386c : -110
225 : #142a6c : -100
235 : #141b6c : -90
245 : #1b146c : -80
255 : #2a146c : -70
265 : #38146c : -60
275 : #47146c : -50
285 : #56146c : -40
295 : #64146c : -30
305 : #6c1464 : -20
315 : #6c1456 : -10
325 : #6c1447 : ±0
335 : #6c1438 : +10
345 : #6c142a : +20
355 : #6c141b : +30
315 : #6c1456 : -10
316 : #6c1454 : -9
317 : #6c1453 : -8
318 : #6c1451 : -7
319 : #6c1450 : -6
320 : #6c144e : -5
321 : #6c144d : -4
322 : #6c144b : -3
323 : #6c144a : -2
324 : #6c1449 : -1
325 : #6c1447 : ±0
326 : #6c1446 : +1
327 : #6c1444 : +2
328 : #6c1443 : +3
329 : #6c1441 : +4
330 : #6c1440 : +5
331 : #6c143e : +6
332 : #6c143d : +7
333 : #6c143b : +8
334 : #6c143a : +9
335 : #6c1438 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -68
3 : #423e40 : -66
5 : #433d40 : -64
7 : #443b40 : -62
9 : #453a41 : -60
11 : #473941 : -58
13 : #483741 : -56
15 : #493641 : -54
17 : #4b3542 : -52
19 : #4c3442 : -50
21 : #4d3242 : -48
23 : #4e3142 : -46
25 : #503042 : -44
27 : #512f43 : -42
29 : #522d43 : -40
31 : #542c43 : -38
33 : #552b43 : -36
35 : #562943 : -34
37 : #572844 : -32
39 : #592744 : -30
41 : #5a2644 : -28
43 : #5b2444 : -26
45 : #5c2345 : -24
47 : #5e2245 : -22
49 : #5f2145 : -20
51 : #601f45 : -18
53 : #621e45 : -16
55 : #631d46 : -14
57 : #641b46 : -12
59 : #651a46 : -10
61 : #671946 : -8
63 : #681846 : -6
65 : #691647 : -4
67 : #6a1547 : -2
69 : #6c1447 : ±0
71 : #6d1247 : +2
73 : #6e1148 : +4
75 : #701048 : +6
77 : #710f48 : +8
79 : #720d48 : +10
81 : #730c48 : +12
83 : #750b49 : +14
85 : #760a49 : +16
87 : #770849 : +18
89 : #780749 : +20
91 : #7a0649 : +22
93 : #7b044a : +24
95 : #7c034a : +26
97 : #7e024a : +28
99 : #7f014a : +30
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -24
3 : #0d0209 : -22
5 : #16040e : -20
7 : #1e0614 : -18
9 : #27071a : -16
11 : #2f091f : -14
13 : #380a25 : -12
15 : #410c2b : -10
17 : #490d30 : -8
19 : #520f36 : -6
21 : #5a113c : -4
23 : #631241 : -2
25 : #6c1447 : ±0
27 : #74154d : +2
29 : #7d1752 : +4
31 : #861958 : +6
33 : #8e1a5e : +8
35 : #971c64 : +10
37 : #9f1d69 : +12
39 : #a81f6f : +14
41 : #b12075 : +16
43 : #b9227a : +18
45 : #c22480 : +20
47 : #cb2586 : +22
49 : #d3278b : +24
51 : #d82c90 : +26
53 : #da3495 : +28
55 : #db3d99 : +30
57 : #dd469e : +32
59 : #df4ea2 : +34
61 : #e057a7 : +36
63 : #e260ac : +38
65 : #e368b0 : +40
67 : #e571b5 : +42
69 : #e679b9 : +44
71 : #e882be : +46
73 : #ea8bc2 : +48
75 : #eb93c7 : +50
77 : #ed9ccb : +52
79 : #eea5d0 : +54
81 : #f0add4 : +56
83 : #f2b6d9 : +58
85 : #f3bedd : +60
87 : #f5c7e2 : +62
89 : #f6d0e6 : +64
91 : #f8d8eb : +66
93 : #f9e1ef : +68
95 : #fbe9f4 : +70
97 : #fdf2f8 : +72
99 : #fefbfd : +74
CSS入門、作ってます。
text-shadow