#450051
RGB ( 赤 = 69, 緑 = 0, 青 = 81 )
HSL ( 色相 = 291°, 彩度 = 100%, 明度 = 16% )
H : 色相 ( 291° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #520100 : -290
11 : #520f00 : -280
21 : #521d00 : -270
31 : #522a00 : -260
41 : #523800 : -250
51 : #524500 : -240
61 : #505200 : -230
71 : #435200 : -220
81 : #355200 : -210
91 : #275200 : -200
101 : #1a5200 : -190
111 : #0c5200 : -180
121 : #005201 : -170
131 : #00520f : -160
141 : #00521d : -150
151 : #00522a : -140
161 : #005238 : -130
171 : #005245 : -120
181 : #005052 : -110
191 : #004352 : -100
201 : #003552 : -90
211 : #002752 : -80
221 : #001a52 : -70
231 : #000c52 : -60
241 : #010052 : -50
251 : #0f0052 : -40
261 : #1d0052 : -30
271 : #2a0052 : -20
281 : #380052 : -10
291 : #450052 : ±0
301 : #520050 : +10
311 : #520043 : +20
321 : #520035 : +30
331 : #520027 : +40
341 : #52001a : +50
351 : #52000c : +60
281 : #380052 : -10
282 : #390052 : -9
283 : #3a0052 : -8
284 : #3c0052 : -7
285 : #3d0052 : -6
286 : #3f0052 : -5
287 : #400052 : -4
288 : #410052 : -3
289 : #430052 : -2
290 : #440052 : -1
291 : #450052 : ±0
292 : #470052 : +1
293 : #480052 : +2
294 : #490052 : +3
295 : #4b0052 : +4
296 : #4c0052 : +5
297 : #4e0052 : +6
298 : #4f0052 : +7
299 : #500052 : +8
300 : #520052 : +9
301 : #520050 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -100
2 : #29282a : -98
4 : #2a272a : -96
6 : #2b262b : -94
8 : #2b262c : -92
10 : #2c252d : -90
12 : #2c242e : -88
14 : #2d232f : -86
16 : #2d222f : -84
18 : #2e2130 : -82
20 : #2f2131 : -80
22 : #2f2032 : -78
24 : #301f33 : -76
26 : #301e33 : -74
28 : #311d34 : -72
30 : #311d35 : -70
32 : #321c36 : -68
34 : #331b37 : -66
36 : #331a37 : -64
38 : #341938 : -62
40 : #341839 : -60
42 : #35183a : -58
44 : #35173b : -56
46 : #36163c : -54
48 : #37153c : -52
50 : #37143d : -50
52 : #38143e : -48
54 : #38133f : -46
56 : #391240 : -44
58 : #391140 : -42
60 : #3a1041 : -40
62 : #3b1042 : -38
64 : #3b0f43 : -36
66 : #3c0e44 : -34
68 : #3c0d45 : -32
70 : #3d0c45 : -30
72 : #3d0b46 : -28
74 : #3e0b47 : -26
76 : #3f0a48 : -24
78 : #3f0949 : -22
80 : #400849 : -20
82 : #40074a : -18
84 : #41074b : -16
86 : #41064c : -14
88 : #42054d : -12
90 : #43044e : -10
92 : #43034e : -8
94 : #44024f : -6
96 : #440250 : -4
98 : #450151 : -2
100 : #450052 : ±0
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #09000a : -14
4 : #110014 : -12
6 : #1a001f : -10
8 : #230029 : -8
10 : #2b0033 : -6
12 : #34003d : -4
14 : #3d0047 : -2
16 : #450052 : ±0
18 : #4e005c : +2
20 : #570066 : +4
22 : #5f0070 : +6
24 : #68007a : +8
26 : #710085 : +10
28 : #79008f : +12
30 : #820099 : +14
32 : #8b00a3 : +16
34 : #9300ad : +18
36 : #9c00b8 : +20
38 : #a500c2 : +22
40 : #ad00cc : +24
42 : #b600d6 : +26
44 : #bf00e0 : +28
46 : #c700eb : +30
48 : #d000f5 : +32
50 : #d900ff : +34
52 : #da0aff : +36
54 : #dc14ff : +38
56 : #dd1fff : +40
58 : #df29ff : +42
60 : #e033ff : +44
62 : #e23dff : +46
64 : #e347ff : +48
66 : #e552ff : +50
68 : #e75cff : +52
70 : #e866ff : +54
72 : #ea70ff : +56
74 : #eb7aff : +58
76 : #ed85ff : +60
78 : #ee8fff : +62
80 : #f099ff : +64
82 : #f1a3ff : +66
84 : #f3adff : +68
86 : #f4b8ff : +70
88 : #f6c2ff : +72
90 : #f7ccff : +74
92 : #f9d6ff : +76
94 : #fae0ff : +78
96 : #fcebff : +80
98 : #fdf5ff : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow