#603b63
RGB ( 赤 = 96, 緑 = 59, 青 = 99 )
HSL ( 色相 = 296°, 彩度 = 25%, 明度 = 31% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #633f3b : -290
16 : #63463b : -280
26 : #634c3b : -270
36 : #63533b : -260
46 : #635a3b : -250
56 : #63603b : -240
66 : #5f633b : -230
76 : #58633b : -220
86 : #52633b : -210
96 : #4b633b : -200
106 : #45633b : -190
116 : #3e633b : -180
126 : #3b633f : -170
136 : #3b6346 : -160
146 : #3b634c : -150
156 : #3b6353 : -140
166 : #3b635a : -130
176 : #3b6360 : -120
186 : #3b5f63 : -110
196 : #3b5863 : -100
206 : #3b5263 : -90
216 : #3b4b63 : -80
226 : #3b4563 : -70
236 : #3b3e63 : -60
246 : #3f3b63 : -50
256 : #463b63 : -40
266 : #4c3b63 : -30
276 : #533b63 : -20
286 : #5a3b63 : -10
296 : #603b63 : ±0
306 : #633b5f : +10
316 : #633b58 : +20
326 : #633b52 : +30
336 : #633b4b : +40
346 : #633b45 : +50
356 : #633b3e : +60
286 : #5a3b63 : -10
287 : #5a3b63 : -9
288 : #5b3b63 : -8
289 : #5c3b63 : -7
290 : #5c3b63 : -6
291 : #5d3b63 : -5
292 : #5e3b63 : -4
293 : #5e3b63 : -3
294 : #5f3b63 : -2
295 : #603b63 : -1
296 : #603b63 : ±0
297 : #613b63 : +1
298 : #613b63 : +2
299 : #623b63 : +3
300 : #633b63 : +4
301 : #633b62 : +5
302 : #633b61 : +6
303 : #633b61 : +7
304 : #633b60 : +8
305 : #633b60 : +9
306 : #633b5f : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e50 : -24
3 : #514d51 : -22
5 : #524b53 : -20
7 : #544a55 : -18
9 : #554856 : -16
11 : #574658 : -14
13 : #584559 : -12
15 : #59435b : -10
17 : #5b425c : -8
19 : #5c405e : -6
21 : #5d3e60 : -4
23 : #5f3d61 : -2
25 : #603b63 : ±0
27 : #623a64 : +2
29 : #633866 : +4
31 : #643768 : +6
33 : #663569 : +8
35 : #67336b : +10
37 : #68326c : +12
39 : #6a306e : +14
41 : #6b2f6f : +16
43 : #6d2d71 : +18
45 : #6e2b73 : +20
47 : #6f2a74 : +22
49 : #712876 : +24
51 : #722777 : +26
53 : #732579 : +28
55 : #75247b : +30
57 : #76227c : +32
59 : #77207e : +34
61 : #791f7f : +36
63 : #7a1d81 : +38
65 : #7c1c82 : +40
67 : #7d1a84 : +42
69 : #7e1986 : +44
71 : #801787 : +46
73 : #811589 : +48
75 : #82148a : +50
77 : #84128c : +52
79 : #85118d : +54
81 : #870f8f : +56
83 : #880d91 : +58
85 : #890c92 : +60
87 : #8b0a94 : +62
89 : #8c0995 : +64
91 : #8d0797 : +66
93 : #8f0699 : +68
95 : #90049a : +70
97 : #92029c : +72
99 : #93019d : +74
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -30
3 : #09060a : -28
5 : #100a10 : -26
7 : #160d16 : -24
9 : #1c111d : -22
11 : #221523 : -20
13 : #281929 : -18
15 : #2f1d30 : -16
17 : #352136 : -14
19 : #3b243d : -12
21 : #412843 : -10
23 : #472c49 : -8
25 : #4e3050 : -6
27 : #543456 : -4
29 : #5a375c : -2
31 : #603b63 : ±0
33 : #663f69 : +2
35 : #6d4370 : +4
37 : #734776 : +6
39 : #794b7c : +8
41 : #7f4e83 : +10
43 : #855289 : +12
45 : #8c568f : +14
47 : #925a96 : +16
49 : #985e9c : +18
51 : #9d63a1 : +20
53 : #a169a5 : +22
55 : #a570a9 : +24
57 : #a976ad : +26
59 : #ad7cb1 : +28
61 : #b183b4 : +30
63 : #b589b8 : +32
65 : #b98fbc : +34
67 : #bd96c0 : +36
69 : #c19cc4 : +38
71 : #c5a3c8 : +40
73 : #c9a9cb : +42
75 : #cdafcf : +44
77 : #d1b6d3 : +46
79 : #d5bcd7 : +48
81 : #d9c2db : +50
83 : #ddc9de : +52
85 : #e1cfe2 : +54
87 : #e5d6e6 : +56
89 : #e9dcea : +58
91 : #ede2ee : +60
93 : #f1e9f2 : +62
95 : #f5eff5 : +64
97 : #f9f5f9 : +66
99 : #fdfcfd : +68
CSS入門、作ってます。
text-shadow