#420150
RGB ( 赤 = 66, 緑 = 1, 青 = 80 )
HSL ( 色相 = 289°, 彩度 = 98%, 明度 = 16% )
H : 色相 ( 289° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #510d01 : -280
19 : #511a01 : -270
29 : #512701 : -260
39 : #513501 : -250
49 : #514201 : -240
59 : #514f01 : -230
69 : #455101 : -220
79 : #375101 : -210
89 : #2a5101 : -200
99 : #1d5101 : -190
109 : #0f5101 : -180
119 : #025101 : -170
129 : #01510d : -160
139 : #01511a : -150
149 : #015127 : -140
159 : #015135 : -130
169 : #015142 : -120
179 : #01514f : -110
189 : #014551 : -100
199 : #013751 : -90
209 : #012a51 : -80
219 : #011d51 : -70
229 : #010f51 : -60
239 : #010251 : -50
249 : #0d0151 : -40
259 : #1a0151 : -30
269 : #270151 : -20
279 : #350151 : -10
289 : #420151 : ±0
299 : #4f0151 : +10
309 : #510145 : +20
319 : #510137 : +30
329 : #51012a : +40
339 : #51011d : +50
349 : #51010f : +60
359 : #510102 : +70
279 : #350151 : -10
280 : #360151 : -9
281 : #370151 : -8
282 : #390151 : -7
283 : #3a0151 : -6
284 : #3b0151 : -5
285 : #3d0151 : -4
286 : #3e0151 : -3
287 : #3f0151 : -2
288 : #410151 : -1
289 : #420151 : ±0
290 : #430151 : +1
291 : #450151 : +2
292 : #460151 : +3
293 : #470151 : +4
294 : #490151 : +5
295 : #4a0151 : +6
296 : #4b0151 : +7
297 : #4d0151 : +8
298 : #4e0151 : +9
299 : #4f0151 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -98
2 : #29282a : -96
4 : #2a272a : -94
6 : #2a262b : -92
8 : #2b262c : -90
10 : #2b252d : -88
12 : #2c242e : -86
14 : #2c232f : -84
16 : #2d222f : -82
18 : #2d2130 : -80
20 : #2e2131 : -78
22 : #2e2032 : -76
24 : #2f1f33 : -74
26 : #301e33 : -72
28 : #301d34 : -70
30 : #311d35 : -68
32 : #311c36 : -66
34 : #321b37 : -64
36 : #321a37 : -62
38 : #331938 : -60
40 : #331839 : -58
42 : #34183a : -56
44 : #34173b : -54
46 : #35163c : -52
48 : #35153c : -50
50 : #36143d : -48
52 : #36143e : -46
54 : #37133f : -44
56 : #371240 : -42
58 : #381140 : -40
60 : #381041 : -38
62 : #391042 : -36
64 : #390f43 : -34
66 : #3a0e44 : -32
68 : #3a0d45 : -30
70 : #3b0c45 : -28
72 : #3b0b46 : -26
74 : #3c0b47 : -24
76 : #3c0a48 : -22
78 : #3d0949 : -20
80 : #3d0849 : -18
82 : #3e074a : -16
84 : #3f074b : -14
86 : #3f064c : -12
88 : #40054d : -10
90 : #40044e : -8
92 : #41034e : -6
94 : #41024f : -4
96 : #420250 : -2
98 : #420151 : ±0
100 : #430052 : +2
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #08000a : -14
4 : #110014 : -12
6 : #19001e : -10
8 : #210028 : -8
10 : #290132 : -6
12 : #32013d : -4
14 : #3a0147 : -2
16 : #420151 : ±0
18 : #4a015b : +2
20 : #530165 : +4
22 : #5b016f : +6
24 : #630179 : +8
26 : #6b0183 : +10
28 : #74018d : +12
30 : #7c0297 : +14
32 : #8402a2 : +16
34 : #8d02ac : +18
36 : #9502b6 : +20
38 : #9d02c0 : +22
40 : #a502ca : +24
42 : #ae02d4 : +26
44 : #b602de : +28
46 : #be02e8 : +30
48 : #c602f2 : +32
50 : #cf03fc : +34
52 : #d10dfd : +36
54 : #d317fd : +38
56 : #d421fd : +40
58 : #d62bfd : +42
60 : #d835fd : +44
62 : #da3ffd : +46
64 : #dc49fd : +48
66 : #de53fd : +50
68 : #e05dfd : +52
70 : #e268fd : +54
72 : #e472fe : +56
74 : #e67cfe : +58
76 : #e886fe : +60
78 : #ea90fe : +62
80 : #ec9afe : +64
82 : #eea4fe : +66
84 : #f0aefe : +68
86 : #f1b8fe : +70
88 : #f3c2fe : +72
90 : #f5cdfe : +74
92 : #f7d7ff : +76
94 : #f9e1ff : +78
96 : #fbebff : +80
98 : #fdf5ff : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow