#400542
RGB ( 赤 = 64, 緑 = 5, 青 = 66 )
HSL ( 色相 = 298°, 彩度 = 86%, 明度 = 14% )
H : 色相 ( 298° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #420d05 : -290
18 : #421705 : -280
28 : #422205 : -270
38 : #422c05 : -260
48 : #423605 : -250
58 : #424005 : -240
68 : #3a4205 : -230
78 : #304205 : -220
88 : #264205 : -210
98 : #1c4205 : -200
108 : #114205 : -190
118 : #074205 : -180
128 : #05420d : -170
138 : #054217 : -160
148 : #054222 : -150
158 : #05422c : -140
168 : #054236 : -130
178 : #054240 : -120
188 : #053a42 : -110
198 : #053042 : -100
208 : #052642 : -90
218 : #051c42 : -80
228 : #051142 : -70
238 : #050742 : -60
248 : #0d0542 : -50
258 : #170542 : -40
268 : #220542 : -30
278 : #2c0542 : -20
288 : #360542 : -10
298 : #400542 : ±0
308 : #42053a : +10
318 : #420530 : +20
328 : #420526 : +30
338 : #42051c : +40
348 : #420511 : +50
358 : #420507 : +60
288 : #360542 : -10
289 : #370542 : -9
290 : #380542 : -8
291 : #390542 : -7
292 : #3a0542 : -6
293 : #3b0542 : -5
294 : #3c0542 : -4
295 : #3d0542 : -3
296 : #3e0542 : -2
297 : #3f0542 : -1
298 : #400542 : ±0
299 : #410542 : +1
300 : #420542 : +2
301 : #420541 : +3
302 : #420540 : +4
303 : #42053f : +5
304 : #42053e : +6
305 : #42053d : +7
306 : #42053c : +8
307 : #42053b : +9
308 : #42053a : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -86
2 : #242324 : -84
4 : #252225 : -82
6 : #262226 : -80
8 : #262127 : -78
10 : #272027 : -76
12 : #281f28 : -74
14 : #281f29 : -72
16 : #291e29 : -70
18 : #2a1d2a : -68
20 : #2a1d2b : -66
22 : #2b1c2c : -64
24 : #2c1b2c : -62
26 : #2c1a2d : -60
28 : #2d1a2e : -58
30 : #2e192e : -56
32 : #2e182f : -54
34 : #2f1830 : -52
36 : #301731 : -50
38 : #301631 : -48
40 : #311532 : -46
42 : #321533 : -44
44 : #321433 : -42
46 : #331334 : -40
48 : #341335 : -38
50 : #341236 : -36
52 : #351136 : -34
54 : #361037 : -32
56 : #361038 : -30
58 : #370f38 : -28
60 : #380e39 : -26
62 : #380e3a : -24
64 : #390d3b : -22
66 : #3a0c3b : -20
68 : #3a0b3c : -18
70 : #3b0b3d : -16
72 : #3c0a3d : -14
74 : #3c093e : -12
76 : #3d093f : -10
78 : #3e0840 : -8
80 : #3e0740 : -6
82 : #3f0641 : -4
84 : #400642 : -2
86 : #400542 : ±0
88 : #410443 : +2
90 : #420444 : +4
92 : #420345 : +6
94 : #430245 : +8
96 : #440146 : +10
98 : #440147 : +12
100 : #450047 : +14
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #090109 : -12
4 : #120113 : -10
6 : #1c021c : -8
8 : #250326 : -6
10 : #2e042f : -4
12 : #370439 : -2
14 : #400542 : ±0
16 : #4a064c : +2
18 : #530655 : +4
20 : #5c075f : +6
22 : #650868 : +8
24 : #6e0972 : +10
26 : #78097b : +12
28 : #810a85 : +14
30 : #8a0b8e : +16
32 : #930b98 : +18
34 : #9c0ca1 : +20
36 : #a50dab : +22
38 : #af0eb4 : +24
40 : #b80ebe : +26
42 : #c10fc7 : +28
44 : #ca10d1 : +30
46 : #d310da : +32
48 : #dd11e4 : +34
50 : #e612ed : +36
52 : #e71bee : +38
54 : #e825ef : +40
56 : #e92eef : +42
58 : #ea38f0 : +44
60 : #eb41f1 : +46
62 : #ec4bf1 : +48
64 : #ed54f2 : +50
66 : #ee5ef3 : +52
68 : #ef67f4 : +54
70 : #f071f4 : +56
72 : #f17af5 : +58
74 : #f284f6 : +60
76 : #f38df6 : +62
78 : #f497f7 : +64
80 : #f5a0f8 : +66
82 : #f6aaf9 : +68
84 : #f7b3f9 : +70
86 : #f8bdfa : +72
88 : #f9c6fb : +74
90 : #fad0fb : +76
92 : #fbd9fc : +78
94 : #fce3fd : +80
96 : #fdecfe : +82
98 : #fef6fe : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow