#36103e
RGB ( 赤 = 54, 緑 = 16, 青 = 62 )
HSL ( 色相 = 290°, 彩度 = 59%, 明度 = 15% )
H : 色相 ( 290° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3d1010 : -290
10 : #3d1710 : -280
20 : #3d1f10 : -270
30 : #3d2610 : -260
40 : #3d2e10 : -250
50 : #3d3510 : -240
60 : #3d3d10 : -230
70 : #353d10 : -220
80 : #2e3d10 : -210
90 : #263d10 : -200
100 : #1f3d10 : -190
110 : #173d10 : -180
120 : #103d10 : -170
130 : #103d17 : -160
140 : #103d1f : -150
150 : #103d26 : -140
160 : #103d2e : -130
170 : #103d35 : -120
180 : #103d3d : -110
190 : #10353d : -100
200 : #102e3d : -90
210 : #10263d : -80
220 : #101f3d : -70
230 : #10173d : -60
240 : #10103d : -50
250 : #17103d : -40
260 : #1f103d : -30
270 : #26103d : -20
280 : #2e103d : -10
290 : #35103d : ±0
300 : #3d103d : +10
310 : #3d1035 : +20
320 : #3d102e : +30
330 : #3d1026 : +40
340 : #3d101f : +50
350 : #3d1017 : +60
280 : #2e103d : -10
281 : #2f103d : -9
282 : #2f103d : -8
283 : #30103d : -7
284 : #31103d : -6
285 : #32103d : -5
286 : #32103d : -4
287 : #33103d : -3
288 : #34103d : -2
289 : #35103d : -1
290 : #35103d : ±0
291 : #36103d : +1
292 : #37103d : +2
293 : #38103d : +3
294 : #38103d : +4
295 : #39103d : +5
296 : #3a103d : +6
297 : #3b103d : +7
298 : #3b103d : +8
299 : #3c103d : +9
300 : #3d103d : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272627 : -58
3 : #272527 : -56
5 : #282428 : -54
7 : #282429 : -52
9 : #29232a : -50
11 : #29222a : -48
13 : #2a212b : -46
15 : #2a212c : -44
17 : #2b202d : -42
19 : #2b1f2e : -40
21 : #2c1e2e : -38
23 : #2c1d2f : -36
25 : #2d1d30 : -34
27 : #2d1c31 : -32
29 : #2e1b31 : -30
31 : #2e1a32 : -28
33 : #2f1a33 : -26
35 : #2f1934 : -24
37 : #301834 : -22
39 : #301735 : -20
41 : #311736 : -18
43 : #311637 : -16
45 : #321537 : -14
47 : #321438 : -12
49 : #331439 : -10
51 : #33133a : -8
53 : #34123b : -6
55 : #34113b : -4
57 : #35103c : -2
59 : #35103d : ±0
61 : #360f3e : +2
63 : #360e3e : +4
65 : #370d3f : +6
67 : #370d40 : +8
69 : #380c41 : +10
71 : #380b41 : +12
73 : #390a42 : +14
75 : #390a43 : +16
77 : #3a0944 : +18
79 : #3a0844 : +20
81 : #3b0745 : +22
83 : #3b0746 : +24
85 : #3c0647 : +26
87 : #3c0548 : +28
89 : #3d0448 : +30
91 : #3d0349 : +32
93 : #3e034a : +34
95 : #3e024b : +36
97 : #3f014b : +38
99 : #3f004c : +40
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -14
3 : #0b030c : -12
5 : #120514 : -10
7 : #19071c : -8
9 : #200924 : -6
11 : #270c2d : -4
13 : #2e0e35 : -2
15 : #35103d : ±0
17 : #3c1245 : +2
19 : #44144d : +4
21 : #4b1655 : +6
23 : #52185d : +8
25 : #591a65 : +10
27 : #601c6d : +12
29 : #671e76 : +14
31 : #6e207e : +16
33 : #752386 : +18
35 : #7c258e : +20
37 : #832796 : +22
39 : #8b299e : +24
41 : #922ba6 : +26
43 : #992dae : +28
45 : #a02fb6 : +30
47 : #a731bf : +32
49 : #ae33c7 : +34
51 : #b338cc : +36
53 : #b640ce : +38
55 : #b949d0 : +40
57 : #bc51d2 : +42
59 : #c059d4 : +44
61 : #c361d6 : +46
63 : #c669d8 : +48
65 : #c971da : +50
67 : #cc79dc : +52
69 : #cf81df : +54
71 : #d289e1 : +56
73 : #d592e3 : +58
75 : #d89ae5 : +60
77 : #dba2e7 : +62
79 : #dfaae9 : +64
81 : #e2b2eb : +66
83 : #e5baed : +68
85 : #e8c2ef : +70
87 : #ebcaf1 : +72
89 : #eed2f3 : +74
91 : #f1dbf6 : +76
93 : #f4e3f8 : +78
95 : #f7ebfa : +80
97 : #faf3fc : +82
99 : #fdfbfe : +84
CSS入門、作ってます。
text-shadow