#450151
RGB ( 赤 = 69, 緑 = 1, 青 = 81 )
HSL ( 色相 = 291°, 彩度 = 98%, 明度 = 16% )
H : 色相 ( 291° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #510201 : -290
11 : #510f01 : -280
21 : #511d01 : -270
31 : #512a01 : -260
41 : #513701 : -250
51 : #514501 : -240
61 : #4f5101 : -230
71 : #425101 : -220
81 : #355101 : -210
91 : #275101 : -200
101 : #1a5101 : -190
111 : #0d5101 : -180
121 : #015102 : -170
131 : #01510f : -160
141 : #01511d : -150
151 : #01512a : -140
161 : #015137 : -130
171 : #015145 : -120
181 : #014f51 : -110
191 : #014251 : -100
201 : #013551 : -90
211 : #012751 : -80
221 : #011a51 : -70
231 : #010d51 : -60
241 : #020151 : -50
251 : #0f0151 : -40
261 : #1d0151 : -30
271 : #2a0151 : -20
281 : #370151 : -10
291 : #450151 : ±0
301 : #51014f : +10
311 : #510142 : +20
321 : #510135 : +30
331 : #510127 : +40
341 : #51011a : +50
351 : #51010d : +60
281 : #370151 : -10
282 : #390151 : -9
283 : #3a0151 : -8
284 : #3b0151 : -7
285 : #3d0151 : -6
286 : #3e0151 : -5
287 : #3f0151 : -4
288 : #410151 : -3
289 : #420151 : -2
290 : #430151 : -1
291 : #450151 : ±0
292 : #460151 : +1
293 : #470151 : +2
294 : #490151 : +3
295 : #4a0151 : +4
296 : #4b0151 : +5
297 : #4d0151 : +6
298 : #4e0151 : +7
299 : #4f0151 : +8
300 : #510151 : +9
301 : #51014f : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -98
2 : #29282a : -96
4 : #2a272a : -94
6 : #2b262b : -92
8 : #2b262c : -90
10 : #2c252d : -88
12 : #2c242e : -86
14 : #2d232f : -84
16 : #2d222f : -82
18 : #2e2130 : -80
20 : #2f2131 : -78
22 : #2f2032 : -76
24 : #301f33 : -74
26 : #301e33 : -72
28 : #311d34 : -70
30 : #311d35 : -68
32 : #321c36 : -66
34 : #331b37 : -64
36 : #331a37 : -62
38 : #341938 : -60
40 : #341839 : -58
42 : #35183a : -56
44 : #35173b : -54
46 : #36163c : -52
48 : #37153c : -50
50 : #37143d : -48
52 : #38143e : -46
54 : #38133f : -44
56 : #391240 : -42
58 : #391140 : -40
60 : #3a1041 : -38
62 : #3b1042 : -36
64 : #3b0f43 : -34
66 : #3c0e44 : -32
68 : #3c0d45 : -30
70 : #3d0c45 : -28
72 : #3d0b46 : -26
74 : #3e0b47 : -24
76 : #3f0a48 : -22
78 : #3f0949 : -20
80 : #400849 : -18
82 : #40074a : -16
84 : #41074b : -14
86 : #41064c : -12
88 : #42054d : -10
90 : #43044e : -8
92 : #43034e : -6
94 : #44024f : -4
96 : #440250 : -2
98 : #450151 : ±0
100 : #450052 : +2
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #09000a : -14
4 : #110014 : -12
6 : #1a001e : -10
8 : #220028 : -8
10 : #2b0132 : -6
12 : #34013d : -4
14 : #3c0147 : -2
16 : #450151 : ±0
18 : #4d015b : +2
20 : #560165 : +4
22 : #5f016f : +6
24 : #670179 : +8
26 : #700183 : +10
28 : #78018d : +12
30 : #810297 : +14
32 : #8a02a2 : +16
34 : #9202ac : +18
36 : #9b02b6 : +20
38 : #a302c0 : +22
40 : #ac02ca : +24
42 : #b502d4 : +26
44 : #bd02de : +28
46 : #c602e8 : +30
48 : #ce02f2 : +32
50 : #d703fc : +34
52 : #d90dfd : +36
54 : #da17fd : +38
56 : #dc21fd : +40
58 : #dd2bfd : +42
60 : #df35fd : +44
62 : #e13ffd : +46
64 : #e249fd : +48
66 : #e453fd : +50
68 : #e55dfd : +52
70 : #e768fd : +54
72 : #e972fe : +56
74 : #ea7cfe : +58
76 : #ec86fe : +60
78 : #ed90fe : +62
80 : #ef9afe : +64
82 : #f1a4fe : +66
84 : #f2aefe : +68
86 : #f4b8fe : +70
88 : #f5c2fe : +72
90 : #f7cdfe : +74
92 : #f9d7ff : +76
94 : #fae1ff : +78
96 : #fcebff : +80
98 : #fdf5ff : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow