#400330
RGB ( 赤 = 64, 緑 = 3, 青 = 48 )
HSL ( 色相 = 316°, 彩度 = 91%, 明度 = 13% )
H : 色相 ( 316° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #3f0903 : -310
16 : #3f1303 : -300
26 : #3f1d03 : -290
36 : #3f2703 : -280
46 : #3f3103 : -270
56 : #3f3b03 : -260
66 : #393f03 : -250
76 : #2f3f03 : -240
86 : #253f03 : -230
96 : #1b3f03 : -220
106 : #113f03 : -210
116 : #073f03 : -200
126 : #033f09 : -190
136 : #033f13 : -180
146 : #033f1d : -170
156 : #033f27 : -160
166 : #033f31 : -150
176 : #033f3b : -140
186 : #03393f : -130
196 : #032f3f : -120
206 : #03253f : -110
216 : #031b3f : -100
226 : #03113f : -90
236 : #03073f : -80
246 : #09033f : -70
256 : #13033f : -60
266 : #1d033f : -50
276 : #27033f : -40
286 : #31033f : -30
296 : #3b033f : -20
306 : #3f0339 : -10
316 : #3f032f : ±0
326 : #3f0325 : +10
336 : #3f031b : +20
346 : #3f0311 : +30
356 : #3f0307 : +40
306 : #3f0339 : -10
307 : #3f0338 : -9
308 : #3f0337 : -8
309 : #3f0336 : -7
310 : #3f0335 : -6
311 : #3f0334 : -5
312 : #3f0333 : -4
313 : #3f0332 : -3
314 : #3f0331 : -2
315 : #3f0330 : -1
316 : #3f032f : ±0
317 : #3f032e : +1
318 : #3f032d : +2
319 : #3f032c : +3
320 : #3f032b : +4
321 : #3f032a : +5
322 : #3f0329 : +6
323 : #3f0328 : +7
324 : #3f0327 : +8
325 : #3f0326 : +9
326 : #3f0325 : +10
S : 彩度 ( 91% )
(0%) 渋い ~ 鮮やか (100%)
1 : #212121 : -90
3 : #222022 : -88
5 : #231f22 : -86
7 : #231f22 : -84
9 : #241e23 : -82
11 : #251e23 : -80
13 : #251d23 : -78
15 : #261c23 : -76
17 : #271c24 : -74
19 : #271b24 : -72
21 : #281a24 : -70
23 : #291a25 : -68
25 : #291925 : -66
27 : #2a1825 : -64
29 : #2b1826 : -62
31 : #2b1726 : -60
33 : #2c1626 : -58
35 : #2d1627 : -56
37 : #2d1527 : -54
39 : #2e1427 : -52
41 : #2f1427 : -50
43 : #2f1328 : -48
45 : #301228 : -46
47 : #311228 : -44
49 : #311129 : -42
51 : #321029 : -40
53 : #331029 : -38
55 : #330f2a : -36
57 : #340e2a : -34
59 : #350e2a : -32
61 : #350d2b : -30
63 : #360c2b : -28
65 : #370c2b : -26
67 : #370b2c : -24
69 : #380a2c : -22
71 : #390a2c : -20
73 : #39092c : -18
75 : #3a082d : -16
77 : #3b082d : -14
79 : #3b072d : -12
81 : #3c062e : -10
83 : #3d062e : -8
85 : #3d052e : -6
87 : #3e042f : -4
89 : #3f042f : -2
91 : #3f032f : ±0
93 : #400230 : +2
95 : #410230 : +4
97 : #410130 : +6
99 : #420030 : +8
L : 明度 ( 13% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -12
3 : #0f010b : -10
5 : #180112 : -8
7 : #220219 : -6
9 : #2c0221 : -4
11 : #360328 : -2
13 : #3f032f : ±0
15 : #490336 : +2
17 : #53043e : +4
19 : #5d0445 : +6
21 : #66054c : +8
23 : #700554 : +10
25 : #7a065b : +12
27 : #840662 : +14
29 : #8d0769 : +16
31 : #970771 : +18
33 : #a10878 : +20
35 : #aa087f : +22
37 : #b40886 : +24
39 : #be098e : +26
41 : #c80995 : +28
43 : #d10a9c : +30
45 : #db0aa3 : +32
47 : #e50bab : +34
49 : #ef0bb2 : +36
51 : #f410b7 : +38
53 : #f41aba : +40
55 : #f524bd : +42
57 : #f52ec0 : +44
59 : #f637c3 : +46
61 : #f641c6 : +48
63 : #f74bc9 : +50
65 : #f755cc : +52
67 : #f75ecf : +54
69 : #f868d2 : +56
71 : #f872d4 : +58
73 : #f97bd7 : +60
75 : #f985da : +62
77 : #fa8fdd : +64
79 : #fa99e0 : +66
81 : #fba2e3 : +68
83 : #fbace6 : +70
85 : #fcb6e9 : +72
87 : #fcc0ec : +74
89 : #fcc9ef : +76
91 : #fdd3f2 : +78
93 : #fdddf5 : +80
95 : #fee7f8 : +82
97 : #fef0fb : +84
99 : #fffafe : +86
CSS入門、作ってます。
text-shadow