#453642
RGB ( 赤 = 69, 緑 = 54, 青 = 66 )
HSL ( 色相 = 312°, 彩度 = 12%, 明度 = 24% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #453636 : -310
12 : #453936 : -300
22 : #453b36 : -290
32 : #453e36 : -280
42 : #454036 : -270
52 : #454336 : -260
62 : #444536 : -250
72 : #424536 : -240
82 : #3f4536 : -230
92 : #3d4536 : -220
102 : #3a4536 : -210
112 : #384536 : -200
122 : #364536 : -190
132 : #364539 : -180
142 : #36453b : -170
152 : #36453e : -160
162 : #364540 : -150
172 : #364543 : -140
182 : #364445 : -130
192 : #364245 : -120
202 : #363f45 : -110
212 : #363d45 : -100
222 : #363a45 : -90
232 : #363845 : -80
242 : #363645 : -70
252 : #393645 : -60
262 : #3b3645 : -50
272 : #3e3645 : -40
282 : #403645 : -30
292 : #433645 : -20
302 : #453644 : -10
312 : #453642 : ±0
322 : #45363f : +10
332 : #45363d : +20
342 : #45363a : +30
352 : #453638 : +40
302 : #453644 : -10
303 : #453644 : -9
304 : #453644 : -8
305 : #453643 : -7
306 : #453643 : -6
307 : #453643 : -5
308 : #453643 : -4
309 : #453642 : -3
310 : #453642 : -2
311 : #453642 : -1
312 : #453642 : ±0
313 : #453641 : +1
314 : #453641 : +2
315 : #453641 : +3
316 : #453641 : +4
317 : #453640 : +5
318 : #453640 : +6
319 : #453640 : +7
320 : #453640 : +8
321 : #45363f : +9
322 : #45363f : +10
S : 彩度 ( 12% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -12
2 : #3e3c3e : -10
4 : #403b3f : -8
6 : #413a3f : -6
8 : #423840 : -4
10 : #433741 : -2
12 : #453642 : ±0
14 : #463542 : +2
16 : #473343 : +4
18 : #483244 : +6
20 : #493145 : +8
22 : #4b3045 : +10
24 : #4c2f46 : +12
26 : #4d2d47 : +14
28 : #4e2c47 : +16
30 : #502b48 : +18
32 : #512a49 : +20
34 : #52284a : +22
36 : #53274a : +24
38 : #54264b : +26
40 : #56254c : +28
42 : #57234d : +30
44 : #58224d : +32
46 : #59214e : +34
48 : #5b204f : +36
50 : #5c1f50 : +38
52 : #5d1d50 : +40
54 : #5e1c51 : +42
56 : #5f1b52 : +44
58 : #611a52 : +46
60 : #621853 : +48
62 : #631754 : +50
64 : #641655 : +52
66 : #661555 : +54
68 : #671456 : +56
70 : #681257 : +58
72 : #691158 : +60
74 : #6a1058 : +62
76 : #6c0f59 : +64
78 : #6d0d5a : +66
80 : #6e0c5b : +68
82 : #6f0b5b : +70
84 : #710a5c : +72
86 : #72095d : +74
88 : #73075e : +76
90 : #74065e : +78
92 : #76055f : +80
94 : #770460 : +82
96 : #780260 : +84
98 : #790161 : +86
100 : #7a0062 : +88
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #060405 : -22
4 : #0b090b : -20
6 : #110d10 : -18
8 : #171216 : -16
10 : #1d161b : -14
12 : #221b21 : -12
14 : #281f26 : -10
16 : #2e242c : -8
18 : #332831 : -6
20 : #392d37 : -4
22 : #3f313c : -2
24 : #453642 : ±0
26 : #4a3a47 : +2
28 : #503f4d : +4
30 : #564352 : +6
32 : #5b4857 : +8
34 : #614c5d : +10
36 : #675162 : +12
38 : #6d5568 : +14
40 : #725a6d : +16
42 : #785e73 : +18
44 : #7e6378 : +20
46 : #83677e : +22
48 : #896c83 : +24
50 : #8f7089 : +26
52 : #93768d : +28
54 : #987c92 : +30
56 : #9c8197 : +32
58 : #a1879c : +34
60 : #a58da0 : +36
62 : #aa92a5 : +38
64 : #ae98aa : +40
66 : #b39eaf : +42
68 : #b7a4b3 : +44
70 : #bca9b8 : +46
72 : #c0afbd : +48
74 : #c5b5c1 : +50
76 : #c9bac6 : +52
78 : #cec0cb : +54
80 : #d2c6d0 : +56
82 : #d7ccd4 : +58
84 : #dbd1d9 : +60
86 : #e0d7de : +62
88 : #e4dde3 : +64
90 : #e9e2e7 : +66
92 : #ede8ec : +68
94 : #f2eef1 : +70
96 : #f6f4f6 : +72
98 : #fbf9fa : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow