#180717
RGB ( 赤 = 24, 緑 = 7, 青 = 23 )
HSL ( 色相 = 304°, 彩度 = 55%, 明度 = 6% )
H : 色相 ( 304° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #180807 : -300
14 : #180b07 : -290
24 : #180e07 : -280
34 : #181007 : -270
44 : #181307 : -260
54 : #181607 : -250
64 : #171807 : -240
74 : #141807 : -230
84 : #111807 : -220
94 : #0e1807 : -210
104 : #0b1807 : -200
114 : #091807 : -190
124 : #071808 : -180
134 : #07180b : -170
144 : #07180e : -160
154 : #071810 : -150
164 : #071813 : -140
174 : #071816 : -130
184 : #071718 : -120
194 : #071418 : -110
204 : #071118 : -100
214 : #070e18 : -90
224 : #070b18 : -80
234 : #070918 : -70
244 : #080718 : -60
254 : #0b0718 : -50
264 : #0e0718 : -40
274 : #100718 : -30
284 : #130718 : -20
294 : #160718 : -10
304 : #180717 : ±0
314 : #180714 : +10
324 : #180711 : +20
334 : #18070e : +30
344 : #18070b : +40
354 : #180709 : +50
294 : #160718 : -10
295 : #160718 : -9
296 : #170718 : -8
297 : #170718 : -7
298 : #170718 : -6
299 : #170718 : -5
300 : #180718 : -4
301 : #180717 : -3
302 : #180717 : -2
303 : #180717 : -1
304 : #180717 : ±0
305 : #180716 : +1
306 : #180716 : +2
307 : #180716 : +3
308 : #180715 : +4
309 : #180715 : +5
310 : #180715 : +6
311 : #180715 : +7
312 : #180714 : +8
313 : #180714 : +9
314 : #180714 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #0f0f0f : -54
3 : #100f10 : -52
5 : #100f10 : -50
7 : #100e10 : -48
9 : #110e10 : -46
11 : #110e11 : -44
13 : #110d11 : -42
15 : #120d11 : -40
17 : #120d12 : -38
19 : #120c12 : -36
21 : #130c12 : -34
23 : #130c12 : -32
25 : #130b13 : -30
27 : #130b13 : -28
29 : #140b13 : -26
31 : #140b13 : -24
33 : #140a14 : -22
35 : #150a14 : -20
37 : #150a14 : -18
39 : #150914 : -16
41 : #160915 : -14
43 : #160915 : -12
45 : #160815 : -10
47 : #160816 : -8
49 : #170816 : -6
51 : #170716 : -4
53 : #170716 : -2
55 : #180717 : ±0
57 : #180717 : +2
59 : #180617 : +4
61 : #190617 : +6
63 : #190618 : +8
65 : #190518 : +10
67 : #1a0518 : +12
69 : #1a0518 : +14
71 : #1a0419 : +16
73 : #1a0419 : +18
75 : #1b0419 : +20
77 : #1b041a : +22
79 : #1b031a : +24
81 : #1c031a : +26
83 : #1c031a : +28
85 : #1c021b : +30
87 : #1d021b : +32
89 : #1d021b : +34
91 : #1d011b : +36
93 : #1e011c : +38
95 : #1e011c : +40
97 : #1e001c : +42
99 : #1e001c : +44
L : 明度 ( 6% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -6
2 : #080208 : -4
4 : #10050f : -2
6 : #180717 : ±0
8 : #20091e : +2
10 : #280b26 : +4
12 : #2f0e2d : +6
14 : #371035 : +8
16 : #3f123c : +10
18 : #471544 : +12
20 : #4f174b : +14
22 : #571953 : +16
24 : #5f1c5a : +18
26 : #671e62 : +20
28 : #6f2069 : +22
30 : #772271 : +24
32 : #7e2578 : +26
34 : #862780 : +28
36 : #8e2988 : +30
38 : #962c8f : +32
40 : #9e2e97 : +34
42 : #a6309e : +36
44 : #ae32a6 : +38
46 : #b635ad : +40
48 : #be37b5 : +42
50 : #c639bc : +44
52 : #c841bf : +46
54 : #ca49c2 : +48
56 : #cd51c4 : +50
58 : #cf59c7 : +52
60 : #d161ca : +54
62 : #d369cc : +56
64 : #d671cf : +58
66 : #d879d2 : +60
68 : #da81d4 : +62
70 : #dd88d7 : +64
72 : #df90da : +66
74 : #e198dc : +68
76 : #e3a0df : +70
78 : #e6a8e2 : +72
80 : #e8b0e4 : +74
82 : #eab8e7 : +76
84 : #edc0ea : +78
86 : #efc8ec : +80
88 : #f1d0ef : +82
90 : #f4d7f2 : +84
92 : #f6dff4 : +86
94 : #f8e7f7 : +88
96 : #faeffa : +90
98 : #fdf7fc : +92
100 : #ffffff : +94
CSS入門、作ってます。
text-shadow