#b1a39a
RGB
赤 | 177 |
---|---|
緑 | 163 |
青 | 154 |
HSL
色相 | 23° |
---|---|
彩度 | 13% |
明度 | 65% |
輝度 | 65% |
3桁の色
補色
反転色
RGB ( 赤 = 177, 緑 = 163, 青 = 154 )
HSL ( 色相 = 23°, 彩度 = 13%, 明度 = 65% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #b19b9a : -20
13 : #b19f9a : -10
23 : #b1a39a : ±0
33 : #b1a79a : +10
43 : #b1ab9a : +20
53 : #b1af9a : +30
63 : #b0b19a : +40
73 : #acb19a : +50
83 : #a8b19a : +60
93 : #a5b19a : +70
103 : #a1b19a : +80
113 : #9db19a : +90
123 : #9ab19b : +100
133 : #9ab19f : +110
143 : #9ab1a3 : +120
153 : #9ab1a7 : +130
163 : #9ab1ab : +140
173 : #9ab1af : +150
183 : #9ab0b1 : +160
193 : #9aacb1 : +170
203 : #9aa8b1 : +180
213 : #9aa5b1 : +190
223 : #9aa1b1 : +200
233 : #9a9db1 : +210
243 : #9b9ab1 : +220
253 : #9f9ab1 : +230
263 : #a39ab1 : +240
273 : #a79ab1 : +250
283 : #ab9ab1 : +260
293 : #af9ab1 : +270
303 : #b19ab0 : +280
313 : #b19aac : +290
323 : #b19aa8 : +300
333 : #b19aa5 : +310
343 : #b19aa1 : +320
353 : #b19a9d : +330
13 : #b19f9a : -10
14 : #b1a09a : -9
15 : #b1a09a : -8
16 : #b1a09a : -7
17 : #b1a19a : -6
18 : #b1a19a : -5
19 : #b1a19a : -4
20 : #b1a29a : -3
21 : #b1a29a : -2
22 : #b1a39a : -1
23 : #b1a39a : ±0
24 : #b1a39a : +1
25 : #b1a49a : +2
26 : #b1a49a : +3
27 : #b1a59a : +4
28 : #b1a59a : +5
29 : #b1a59a : +6
30 : #b1a69a : +7
31 : #b1a69a : +8
32 : #b1a79a : +9
33 : #b1a79a : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a7a6a5 : -12
3 : #a8a5a3 : -10
5 : #aaa5a1 : -8
7 : #aca4a0 : -6
9 : #aea49e : -4
11 : #b0a39c : -2
13 : #b1a39a : ±0
15 : #b3a398 : +2
17 : #b5a297 : +4
19 : #b7a295 : +6
21 : #b8a193 : +8
23 : #baa191 : +10
25 : #bca18f : +12
27 : #bea08e : +14
29 : #c0a08c : +16
31 : #c19f8a : +18
33 : #c39f88 : +20
35 : #c59e87 : +22
37 : #c79e85 : +24
39 : #c99e83 : +26
41 : #ca9d81 : +28
43 : #cc9d7f : +30
45 : #ce9c7e : +32
47 : #d09c7c : +34
49 : #d19c7a : +36
51 : #d39b78 : +38
53 : #d59b76 : +40
55 : #d79a75 : +42
57 : #d99a73 : +44
59 : #da9971 : +46
61 : #dc996f : +48
63 : #de996e : +50
65 : #e0986c : +52
67 : #e2986a : +54
69 : #e39768 : +56
71 : #e59766 : +58
73 : #e79765 : +60
75 : #e99663 : +62
77 : #ea9661 : +64
79 : #ec955f : +66
81 : #ee955d : +68
83 : #f0945c : +70
85 : #f2945a : +72
87 : #f39458 : +74
89 : #f59356 : +76
91 : #f79355 : +78
93 : #f99253 : +80
95 : #fb9251 : +82
97 : #fc924f : +84
99 : #fe914d : +86
L : 明度 ( 65% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -64
3 : #090707 : -62
5 : #0e0c0b : -60
7 : #141110 : -58
9 : #1a1614 : -56
11 : #201b18 : -54
13 : #25201d : -52
15 : #2b2521 : -50
17 : #312a26 : -48
19 : #372f2a : -46
21 : #3d342f : -44
23 : #423933 : -42
25 : #483e37 : -40
27 : #4e433c : -38
29 : #544840 : -36
31 : #594d45 : -34
33 : #5f5249 : -32
35 : #65574e : -30
37 : #6b5b52 : -28
39 : #706057 : -26
41 : #76655b : -24
43 : #7c6a5f : -22
45 : #826f64 : -20
47 : #877468 : -18
49 : #8d796d : -16
51 : #927e72 : -14
53 : #978478 : -12
55 : #9b897d : -10
57 : #a08e83 : -8
59 : #a49389 : -6
61 : #a8998f : -4
63 : #ad9e94 : -2
65 : #b1a39a : ±0
67 : #b6a8a0 : +2
69 : #baaea6 : +4
71 : #bfb3ab : +6
73 : #c3b8b1 : +8
75 : #c8bdb7 : +10
77 : #ccc3bd : +12
79 : #d0c8c2 : +14
81 : #d5cdc8 : +16
83 : #d9d2ce : +18
85 : #ded8d4 : +20
87 : #e2ddda : +22
89 : #e7e2df : +24
91 : #ebe7e5 : +26
93 : #efedeb : +28
95 : #f4f2f1 : +30
97 : #f8f7f6 : +32
99 : #fdfcfc : +34
CSS入門、作ってます。
text-shadow