#b2a585
RGB
赤 | 178 |
---|---|
緑 | 165 |
青 | 133 |
HSL
色相 | 43° |
---|---|
彩度 | 23% |
明度 | 61% |
輝度 | 65% |
3桁の色
補色
反転色
RGB ( 赤 = 178, 緑 = 165, 青 = 133 )
HSL ( 色相 = 43°, 彩度 = 23%, 明度 = 61% )
H : 色相 ( 43° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #b28785 : -40
13 : #b28f85 : -30
23 : #b29685 : -20
33 : #b29e85 : -10
43 : #b2a585 : ±0
53 : #b2ad85 : +10
63 : #b0b285 : +20
73 : #a9b285 : +30
83 : #a1b285 : +40
93 : #99b285 : +50
103 : #92b285 : +60
113 : #8ab285 : +70
123 : #85b287 : +80
133 : #85b28f : +90
143 : #85b296 : +100
153 : #85b29e : +110
163 : #85b2a5 : +120
173 : #85b2ad : +130
183 : #85b0b2 : +140
193 : #85a9b2 : +150
203 : #85a1b2 : +160
213 : #8599b2 : +170
223 : #8592b2 : +180
233 : #858ab2 : +190
243 : #8785b2 : +200
253 : #8f85b2 : +210
263 : #9685b2 : +220
273 : #9e85b2 : +230
283 : #a585b2 : +240
293 : #ad85b2 : +250
303 : #b285b0 : +260
313 : #b285a9 : +270
323 : #b285a1 : +280
333 : #b28599 : +290
343 : #b28592 : +300
353 : #b2858a : +310
33 : #b29e85 : -10
34 : #b29f85 : -9
35 : #b29f85 : -8
36 : #b2a085 : -7
37 : #b2a185 : -6
38 : #b2a285 : -5
39 : #b2a285 : -4
40 : #b2a385 : -3
41 : #b2a485 : -2
42 : #b2a585 : -1
43 : #b2a585 : ±0
44 : #b2a685 : +1
45 : #b2a785 : +2
46 : #b2a885 : +3
47 : #b2a985 : +4
48 : #b2a985 : +5
49 : #b2aa85 : +6
50 : #b2ab85 : +7
51 : #b2ac85 : +8
52 : #b2ac85 : +9
53 : #b2ad85 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #9d9c9b : -22
3 : #9f9d99 : -20
5 : #a19e97 : -18
7 : #a39f95 : -16
9 : #a59f93 : -14
11 : #a6a091 : -12
13 : #a8a18f : -10
15 : #aaa28d : -8
17 : #aca38b : -6
19 : #aea489 : -4
21 : #b0a587 : -2
23 : #b2a585 : ±0
25 : #b4a683 : +2
27 : #b6a781 : +4
29 : #b8a87f : +6
31 : #baa97d : +8
33 : #bcaa7b : +10
35 : #beab79 : +12
37 : #c0ab77 : +14
39 : #c2ac75 : +16
41 : #c4ad73 : +18
43 : #c6ae71 : +20
45 : #c8af6f : +22
47 : #cab06d : +24
49 : #ccb16b : +26
51 : #ceb269 : +28
53 : #d0b267 : +30
55 : #d2b365 : +32
57 : #d4b463 : +34
59 : #d6b561 : +36
61 : #d8b65f : +38
63 : #dab75d : +40
65 : #dcb85b : +42
67 : #deb859 : +44
69 : #e0b957 : +46
71 : #e2ba55 : +48
73 : #e4bb53 : +50
75 : #e6bc51 : +52
77 : #e8bd4f : +54
79 : #eabe4d : +56
81 : #ecbe4b : +58
83 : #eebf49 : +60
85 : #f0c047 : +62
87 : #f2c145 : +64
89 : #f4c243 : +66
91 : #f6c341 : +68
93 : #f8c43f : +70
95 : #fac43d : +72
97 : #fcc53b : +74
99 : #fec639 : +76
L : 明度 ( 61% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -60
3 : #090806 : -58
5 : #100e0a : -56
7 : #16140e : -54
9 : #1c1912 : -52
11 : #231f16 : -50
13 : #29241a : -48
15 : #2f2a1d : -46
17 : #353021 : -44
19 : #3c3525 : -42
21 : #423b29 : -40
23 : #48402d : -38
25 : #4e4631 : -36
27 : #554c35 : -34
29 : #5b5139 : -32
31 : #61573d : -30
33 : #685d41 : -28
35 : #6e6245 : -26
37 : #746849 : -24
39 : #7a6d4d : -22
41 : #817351 : -20
43 : #877954 : -18
45 : #8d7e58 : -16
47 : #93845c : -14
49 : #9a8960 : -12
51 : #9f8f65 : -10
53 : #a3936c : -8
55 : #a79872 : -6
57 : #ab9c78 : -4
59 : #aea17e : -2
61 : #b2a585 : ±0
63 : #b6aa8b : +2
65 : #baaf91 : +4
67 : #beb397 : +6
69 : #c2b89e : +8
71 : #c6bca4 : +10
73 : #cac1aa : +12
75 : #cec6b1 : +14
77 : #d2cab7 : +16
79 : #d6cfbd : +18
81 : #dad3c3 : +20
83 : #ded8ca : +22
85 : #e2ddd0 : +24
87 : #e5e1d6 : +26
89 : #e9e6dc : +28
91 : #edeae3 : +30
93 : #f1efe9 : +32
95 : #f5f4ef : +34
97 : #f9f8f6 : +36
99 : #fdfdfc : +38
CSS入門、作ってます。
text-shadow