#786469
RGB ( 赤 = 120, 緑 = 100, 青 = 105 )
HSL ( 色相 = 345°, 彩度 = 9%, 明度 = 43% )
H : 色相 ( 345° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #786564 : -340
15 : #786964 : -330
25 : #786c64 : -320
35 : #786f64 : -310
45 : #787364 : -300
55 : #787664 : -290
65 : #767864 : -280
75 : #737864 : -270
85 : #6f7864 : -260
95 : #6c7864 : -250
105 : #697864 : -240
115 : #657864 : -230
125 : #647865 : -220
135 : #647869 : -210
145 : #64786c : -200
155 : #64786f : -190
165 : #647873 : -180
175 : #647876 : -170
185 : #647678 : -160
195 : #647378 : -150
205 : #646f78 : -140
215 : #646c78 : -130
225 : #646978 : -120
235 : #646578 : -110
245 : #656478 : -100
255 : #696478 : -90
265 : #6c6478 : -80
275 : #6f6478 : -70
285 : #736478 : -60
295 : #766478 : -50
305 : #786476 : -40
315 : #786473 : -30
325 : #78646f : -20
335 : #78646c : -10
345 : #786469 : ±0
355 : #786465 : +10
335 : #78646c : -10
336 : #78646c : -9
337 : #78646b : -8
338 : #78646b : -7
339 : #78646b : -6
340 : #78646a : -5
341 : #78646a : -4
342 : #78646a : -3
343 : #786469 : -2
344 : #786469 : -1
345 : #786469 : ±0
346 : #786468 : +1
347 : #786468 : +2
348 : #786468 : +3
349 : #786467 : +4
350 : #786467 : +5
351 : #786467 : +6
352 : #786466 : +7
353 : #786466 : +8
354 : #786466 : +9
355 : #786465 : +10
S : 彩度 ( 9% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6f6d6d : -8
3 : #716a6c : -6
5 : #73686b : -4
7 : #75666a : -2
9 : #786469 : ±0
11 : #7a6268 : +2
13 : #7c5f67 : +4
15 : #7e5d65 : +6
17 : #805b64 : +8
19 : #825963 : +10
21 : #855762 : +12
23 : #875461 : +14
25 : #895260 : +16
27 : #8b505f : +18
29 : #8d4e5e : +20
31 : #904c5d : +22
33 : #92495c : +24
35 : #94475a : +26
37 : #964559 : +28
39 : #984358 : +30
41 : #9b4157 : +32
43 : #9d3f56 : +34
45 : #9f3c55 : +36
47 : #a13a54 : +38
49 : #a33853 : +40
51 : #a63652 : +42
53 : #a83451 : +44
55 : #aa314f : +46
57 : #ac2f4e : +48
59 : #ae2d4d : +50
61 : #b12b4c : +52
63 : #b3294b : +54
65 : #b5264a : +56
67 : #b72449 : +58
69 : #b92248 : +60
71 : #bc2047 : +62
73 : #be1e46 : +64
75 : #c01b45 : +66
77 : #c21943 : +68
79 : #c41742 : +70
81 : #c61541 : +72
83 : #c91340 : +74
85 : #cb103f : +76
87 : #cd0e3e : +78
89 : #cf0c3d : +80
91 : #d10a3c : +82
93 : #d4083b : +84
95 : #d6053a : +86
97 : #d80338 : +88
99 : #da0137 : +90
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #030202 : -42
3 : #080707 : -40
5 : #0e0c0c : -38
7 : #131011 : -36
9 : #191516 : -34
11 : #1f1a1b : -32
13 : #241e20 : -30
15 : #2a2325 : -28
17 : #2f2729 : -26
19 : #352c2e : -24
21 : #3a3133 : -22
23 : #403538 : -20
25 : #453a3d : -18
27 : #4b3f42 : -16
29 : #514347 : -14
31 : #56484b : -12
33 : #5c4d50 : -10
35 : #615155 : -8
37 : #67565a : -6
39 : #6c5a5f : -4
41 : #725f64 : -2
43 : #786469 : ±0
45 : #7d686e : +2
47 : #836d72 : +4
49 : #887277 : +6
51 : #8d777c : +8
53 : #927c82 : +10
55 : #978287 : +12
57 : #9b878c : +14
59 : #a08d92 : +16
61 : #a59397 : +18
63 : #a9989c : +20
65 : #ae9ea2 : +22
67 : #b2a3a7 : +24
69 : #b7a9ac : +26
71 : #bcaeb2 : +28
73 : #c0b4b7 : +30
75 : #c5babc : +32
77 : #cabfc2 : +34
79 : #cec5c7 : +36
81 : #d3cacc : +38
83 : #d8d0d2 : +40
85 : #dcd5d7 : +42
87 : #e1dbdc : +44
89 : #e5e0e2 : +46
91 : #eae6e7 : +48
93 : #efecec : +50
95 : #f3f1f2 : +52
97 : #f8f7f7 : +54
99 : #fdfcfc : +56
CSS入門、作ってます。
text-shadow