#9b7d9a
RGB
赤 | 155 |
---|---|
緑 | 125 |
青 | 154 |
HSL
色相 | 302° |
---|---|
彩度 | 13% |
明度 | 55% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 155, 緑 = 125, 青 = 154 )
HSL ( 色相 = 302°, 彩度 = 13%, 明度 = 55% )
H : 色相 ( 302° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #9b7e7d : -300
12 : #9b837d : -290
22 : #9b887d : -280
32 : #9b8d7d : -270
42 : #9b927d : -260
52 : #9b977d : -250
62 : #9a9b7d : -240
72 : #959b7d : -230
82 : #909b7d : -220
92 : #8b9b7d : -210
102 : #869b7d : -200
112 : #819b7d : -190
122 : #7d9b7e : -180
132 : #7d9b83 : -170
142 : #7d9b88 : -160
152 : #7d9b8d : -150
162 : #7d9b92 : -140
172 : #7d9b97 : -130
182 : #7d9a9b : -120
192 : #7d959b : -110
202 : #7d909b : -100
212 : #7d8b9b : -90
222 : #7d869b : -80
232 : #7d819b : -70
242 : #7e7d9b : -60
252 : #837d9b : -50
262 : #887d9b : -40
272 : #8d7d9b : -30
282 : #927d9b : -20
292 : #977d9b : -10
302 : #9b7d9a : ±0
312 : #9b7d95 : +10
322 : #9b7d90 : +20
332 : #9b7d8b : +30
342 : #9b7d86 : +40
352 : #9b7d81 : +50
292 : #977d9b : -10
293 : #987d9b : -9
294 : #987d9b : -8
295 : #997d9b : -7
296 : #997d9b : -6
297 : #9a7d9b : -5
298 : #9a7d9b : -4
299 : #9b7d9b : -3
300 : #9b7d9b : -2
301 : #9b7d9b : -1
302 : #9b7d9a : ±0
303 : #9b7d9a : +1
304 : #9b7d99 : +2
305 : #9b7d99 : +3
306 : #9b7d98 : +4
307 : #9b7d98 : +5
308 : #9b7d97 : +6
309 : #9b7d97 : +7
310 : #9b7d96 : +8
311 : #9b7d96 : +9
312 : #9b7d95 : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8d8b8d : -12
3 : #90898f : -10
5 : #928792 : -8
7 : #948494 : -6
9 : #978296 : -4
11 : #998098 : -2
13 : #9b7d9a : ±0
15 : #9d7b9c : +2
17 : #a0799e : +4
19 : #a276a1 : +6
21 : #a474a3 : +8
23 : #a772a5 : +10
25 : #a970a7 : +12
27 : #ab6da9 : +14
29 : #ae6bab : +16
31 : #b069ad : +18
33 : #b266b0 : +20
35 : #b464b2 : +22
37 : #b762b4 : +24
39 : #b95fb6 : +26
41 : #bb5db8 : +28
43 : #be5bba : +30
45 : #c059bc : +32
47 : #c256bf : +34
49 : #c454c1 : +36
51 : #c752c3 : +38
53 : #c94fc5 : +40
55 : #cb4dc7 : +42
57 : #ce4bc9 : +44
59 : #d049cb : +46
61 : #d246ce : +48
63 : #d544d0 : +50
65 : #d742d2 : +52
67 : #d93fd4 : +54
69 : #db3dd6 : +56
71 : #de3bd8 : +58
73 : #e038da : +60
75 : #e236dd : +62
77 : #e534df : +64
79 : #e732e1 : +66
81 : #e92fe3 : +68
83 : #eb2de5 : +70
85 : #ee2be7 : +72
87 : #f028e9 : +74
89 : #f226ec : +76
91 : #f524ee : +78
93 : #f722f0 : +80
95 : #f91ff2 : +82
97 : #fc1df4 : +84
99 : #fe1bf6 : +86
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -54
3 : #090709 : -52
5 : #0e0b0e : -50
7 : #141014 : -48
9 : #1a141a : -46
11 : #20181f : -44
13 : #251d25 : -42
15 : #2b212b : -40
17 : #312631 : -38
19 : #372a36 : -36
21 : #3d2f3c : -34
23 : #423342 : -32
25 : #483747 : -30
27 : #4e3c4d : -28
29 : #544053 : -26
31 : #594559 : -24
33 : #5f495e : -22
35 : #654e64 : -20
37 : #6b526a : -18
39 : #705770 : -16
41 : #765b75 : -14
43 : #7c5f7b : -12
45 : #826481 : -10
47 : #876886 : -8
49 : #8d6d8c : -6
51 : #927291 : -4
53 : #977896 : -2
55 : #9b7d9a : ±0
57 : #a0839f : +2
59 : #a489a3 : +4
61 : #a88fa8 : +6
63 : #ad94ac : +8
65 : #b19ab1 : +10
67 : #b6a0b5 : +12
69 : #baa6ba : +14
71 : #bfabbe : +16
73 : #c3b1c3 : +18
75 : #c8b7c7 : +20
77 : #ccbdcb : +22
79 : #d0c2d0 : +24
81 : #d5c8d4 : +26
83 : #d9ced9 : +28
85 : #ded4dd : +30
87 : #e2dae2 : +32
89 : #e7dfe6 : +34
91 : #ebe5eb : +36
93 : #efebef : +38
95 : #f4f1f4 : +40
97 : #f8f6f8 : +42
99 : #fdfcfd : +44
CSS入門、作ってます。
text-shadow