#452f51
RGB ( 赤 = 69, 緑 = 47, 青 = 81 )
HSL ( 色相 = 279°, 彩度 = 27%, 明度 = 25% )
H : 色相 ( 279° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #51342f : -270
19 : #51392f : -260
29 : #513f2f : -250
39 : #51452f : -240
49 : #514b2f : -230
59 : #51502f : -220
69 : #4c512f : -210
79 : #46512f : -200
89 : #40512f : -190
99 : #3b512f : -180
109 : #35512f : -170
119 : #2f512f : -160
129 : #2f5134 : -150
139 : #2f5139 : -140
149 : #2f513f : -130
159 : #2f5145 : -120
169 : #2f514b : -110
179 : #2f5150 : -100
189 : #2f4c51 : -90
199 : #2f4651 : -80
209 : #2f4051 : -70
219 : #2f3b51 : -60
229 : #2f3551 : -50
239 : #2f2f51 : -40
249 : #342f51 : -30
259 : #392f51 : -20
269 : #3f2f51 : -10
279 : #452f51 : ±0
289 : #4b2f51 : +10
299 : #502f51 : +20
309 : #512f4c : +30
319 : #512f46 : +40
329 : #512f40 : +50
339 : #512f3b : +60
349 : #512f35 : +70
359 : #512f2f : +80
269 : #3f2f51 : -10
270 : #402f51 : -9
271 : #402f51 : -8
272 : #412f51 : -7
273 : #412f51 : -6
274 : #422f51 : -5
275 : #432f51 : -4
276 : #432f51 : -3
277 : #442f51 : -2
278 : #442f51 : -1
279 : #452f51 : ±0
280 : #452f51 : +1
281 : #462f51 : +2
282 : #472f51 : +3
283 : #472f51 : +4
284 : #482f51 : +5
285 : #482f51 : +6
286 : #492f51 : +7
287 : #4a2f51 : +8
288 : #4a2f51 : +9
289 : #4b2f51 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -26
3 : #403e42 : -24
5 : #413d43 : -22
7 : #413b44 : -20
9 : #413a45 : -18
11 : #423947 : -16
13 : #423748 : -14
15 : #433649 : -12
17 : #43354b : -10
19 : #43344c : -8
21 : #44324d : -6
23 : #44314e : -4
25 : #453050 : -2
27 : #452f51 : ±0
29 : #452d52 : +2
31 : #462c54 : +4
33 : #462b55 : +6
35 : #462956 : +8
37 : #472857 : +10
39 : #472759 : +12
41 : #48265a : +14
43 : #48245b : +16
45 : #48235c : +18
47 : #49225e : +20
49 : #49215f : +22
51 : #4a1f60 : +24
53 : #4a1e62 : +26
55 : #4a1d63 : +28
57 : #4b1b64 : +30
59 : #4b1a65 : +32
61 : #4b1967 : +34
63 : #4c1868 : +36
65 : #4c1669 : +38
67 : #4d156a : +40
69 : #4d146c : +42
71 : #4d126d : +44
73 : #4e116e : +46
75 : #4e1070 : +48
77 : #4e0f71 : +50
79 : #4f0d72 : +52
81 : #4f0c73 : +54
83 : #500b75 : +56
85 : #500a76 : +58
87 : #500877 : +60
89 : #510778 : +62
91 : #51067a : +64
93 : #52047b : +66
95 : #52037c : +68
97 : #52027e : +70
99 : #53017f : +72
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -24
3 : #08060a : -22
5 : #0e0910 : -20
7 : #130d17 : -18
9 : #19111d : -16
11 : #1e1424 : -14
13 : #24182a : -12
15 : #291c31 : -10
17 : #2f2037 : -8
19 : #34233e : -6
21 : #3a2744 : -4
23 : #3f2b4a : -2
25 : #452f51 : ±0
27 : #4a3257 : +2
29 : #50365e : +4
31 : #553a64 : +6
33 : #5b3d6b : +8
35 : #604171 : +10
37 : #664578 : +12
39 : #6c497e : +14
41 : #714c85 : +16
43 : #77508b : +18
45 : #7c5492 : +20
47 : #825798 : +22
49 : #875b9f : +24
51 : #8c60a4 : +26
53 : #9167a8 : +28
55 : #966dab : +30
57 : #9a74af : +32
59 : #9f7ab3 : +34
61 : #a481b6 : +36
63 : #a887ba : +38
65 : #ad8ebe : +40
67 : #b294c2 : +42
69 : #b69bc5 : +44
71 : #bba1c9 : +46
73 : #c0a8cd : +48
75 : #c4aed0 : +50
77 : #c9b5d4 : +52
79 : #cebbd8 : +54
81 : #d2c1dc : +56
83 : #d7c8df : +58
85 : #dccee3 : +60
87 : #e1d5e7 : +62
89 : #e5dbeb : +64
91 : #eae2ee : +66
93 : #efe8f2 : +68
95 : #f3eff6 : +70
97 : #f8f5f9 : +72
99 : #fdfcfd : +74
CSS入門、作ってます。
text-shadow