#351830
RGB ( 赤 = 53, 緑 = 24, 青 = 48 )
HSL ( 色相 = 310°, 彩度 = 38%, 明度 = 15% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #351818 : -310
10 : #351d18 : -300
20 : #352118 : -290
30 : #352618 : -280
40 : #352b18 : -270
50 : #353018 : -260
60 : #353518 : -250
70 : #303518 : -240
80 : #2b3518 : -230
90 : #263518 : -220
100 : #213518 : -210
110 : #1d3518 : -200
120 : #183518 : -190
130 : #18351d : -180
140 : #183521 : -170
150 : #183526 : -160
160 : #18352b : -150
170 : #183530 : -140
180 : #183535 : -130
190 : #183035 : -120
200 : #182b35 : -110
210 : #182635 : -100
220 : #182135 : -90
230 : #181d35 : -80
240 : #181835 : -70
250 : #1d1835 : -60
260 : #211835 : -50
270 : #261835 : -40
280 : #2b1835 : -30
290 : #301835 : -20
300 : #351835 : -10
310 : #351830 : ±0
320 : #35182b : +10
330 : #351826 : +20
340 : #351821 : +30
350 : #35181d : +40
300 : #351835 : -10
301 : #351834 : -9
302 : #351834 : -8
303 : #351833 : -7
304 : #351833 : -6
305 : #351832 : -5
306 : #351832 : -4
307 : #351831 : -3
308 : #351831 : -2
309 : #351830 : -1
310 : #351830 : ±0
311 : #35182f : +1
312 : #35182f : +2
313 : #35182e : +3
314 : #35182e : +4
315 : #35182e : +5
316 : #35182d : +6
317 : #35182d : +7
318 : #35182c : +8
319 : #35182c : +9
320 : #35182b : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -38
2 : #272527 : -36
4 : #282527 : -34
6 : #292428 : -32
8 : #292328 : -30
10 : #2a2229 : -28
12 : #2b2229 : -26
14 : #2c212a : -24
16 : #2c202a : -22
18 : #2d1f2b : -20
20 : #2e1f2b : -18
22 : #2f1e2c : -16
24 : #2f1d2c : -14
26 : #301c2d : -12
28 : #311c2d : -10
30 : #321b2e : -8
32 : #321a2e : -6
34 : #33192f : -4
36 : #34182f : -2
38 : #351830 : ±0
40 : #361730 : +2
42 : #361631 : +4
44 : #371531 : +6
46 : #381532 : +8
48 : #391432 : +10
50 : #391333 : +12
52 : #3a1234 : +14
54 : #3b1234 : +16
56 : #3c1135 : +18
58 : #3c1035 : +20
60 : #3d0f36 : +22
62 : #3e0f36 : +24
64 : #3f0e37 : +26
66 : #3f0d37 : +28
68 : #400c38 : +30
70 : #410b38 : +32
72 : #420b39 : +34
74 : #430a39 : +36
76 : #43093a : +38
78 : #44083a : +40
80 : #45083b : +42
82 : #46073b : +44
84 : #46063c : +46
86 : #47053c : +48
88 : #48053d : +50
90 : #49043d : +52
92 : #49033e : +54
94 : #4a023e : +56
96 : #4b023f : +58
98 : #4c013f : +60
100 : #4d0040 : +62
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040203 : -14
3 : #0b050a : -12
5 : #120810 : -10
7 : #190b16 : -8
9 : #200e1d : -6
11 : #271123 : -4
13 : #2e152a : -2
15 : #351830 : ±0
17 : #3c1b36 : +2
19 : #431e3d : +4
21 : #4a2143 : +6
23 : #51244a : +8
25 : #582850 : +10
27 : #5f2b56 : +12
29 : #662e5d : +14
31 : #6d3163 : +16
33 : #743469 : +18
35 : #7b3770 : +20
37 : #823a76 : +22
39 : #893e7d : +24
41 : #904183 : +26
43 : #974489 : +28
45 : #9e4790 : +30
47 : #a54a96 : +32
49 : #ac4d9d : +34
51 : #b253a2 : +36
53 : #b55aa6 : +38
55 : #b861a9 : +40
57 : #bb68ad : +42
59 : #be6fb1 : +44
61 : #c176b5 : +46
63 : #c57db9 : +48
65 : #c884bc : +50
67 : #cb8bc0 : +52
69 : #ce92c4 : +54
71 : #d199c8 : +56
73 : #d4a0cc : +58
75 : #d7a7cf : +60
77 : #dbaed3 : +62
79 : #deb5d7 : +64
81 : #e1bcdb : +66
83 : #e4c3df : +68
85 : #e7cae2 : +70
87 : #ead1e6 : +72
89 : #eed8ea : +74
91 : #f1dfee : +76
93 : #f4e6f2 : +78
95 : #f7edf5 : +80
97 : #faf4f9 : +82
99 : #fdfbfd : +84
CSS入門、作ってます。
text-shadow