#b196c0
RGB
赤 | 177 |
---|---|
緑 | 150 |
青 | 192 |
HSL
色相 | 279° |
---|---|
彩度 | 25% |
明度 | 67% |
輝度 | 64% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 177, 緑 = 150, 青 = 192 )
HSL ( 色相 = 279°, 彩度 = 25%, 明度 = 67% )
H : 色相 ( 279° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #c09c96 : -270
19 : #c0a396 : -260
29 : #c0aa96 : -250
39 : #c0b196 : -240
49 : #c0b896 : -230
59 : #c0bf96 : -220
69 : #bac096 : -210
79 : #b3c096 : -200
89 : #acc096 : -190
99 : #a5c096 : -180
109 : #9ec096 : -170
119 : #97c096 : -160
129 : #96c09c : -150
139 : #96c0a3 : -140
149 : #96c0aa : -130
159 : #96c0b1 : -120
169 : #96c0b8 : -110
179 : #96c0bf : -100
189 : #96bac0 : -90
199 : #96b3c0 : -80
209 : #96acc0 : -70
219 : #96a5c0 : -60
229 : #969ec0 : -50
239 : #9697c0 : -40
249 : #9c96c0 : -30
259 : #a396c0 : -20
269 : #aa96c0 : -10
279 : #b196c0 : ±0
289 : #b896c0 : +10
299 : #bf96c0 : +20
309 : #c096ba : +30
319 : #c096b3 : +40
329 : #c096ac : +50
339 : #c096a5 : +60
349 : #c0969e : +70
359 : #c09697 : +80
269 : #aa96c0 : -10
270 : #ab96c0 : -9
271 : #ac96c0 : -8
272 : #ac96c0 : -7
273 : #ad96c0 : -6
274 : #ae96c0 : -5
275 : #ae96c0 : -4
276 : #af96c0 : -3
277 : #b096c0 : -2
278 : #b096c0 : -1
279 : #b196c0 : ±0
280 : #b296c0 : +1
281 : #b396c0 : +2
282 : #b396c0 : +3
283 : #b496c0 : +4
284 : #b596c0 : +5
285 : #b596c0 : +6
286 : #b696c0 : +7
287 : #b796c0 : +8
288 : #b796c0 : +9
289 : #b896c0 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #abaaac : -24
3 : #aca8ad : -22
5 : #aca7af : -20
7 : #ada5b1 : -18
9 : #ada3b2 : -16
11 : #aea2b4 : -14
13 : #aea0b6 : -12
15 : #af9eb7 : -10
17 : #af9db9 : -8
19 : #b09bbb : -6
21 : #b099bd : -4
23 : #b197be : -2
25 : #b196c0 : ±0
27 : #b294c2 : +2
29 : #b292c3 : +4
31 : #b391c5 : +6
33 : #b38fc7 : +8
35 : #b48dc8 : +10
37 : #b48cca : +12
39 : #b58acc : +14
41 : #b588cd : +16
43 : #b687cf : +18
45 : #b685d1 : +20
47 : #b783d2 : +22
49 : #b782d4 : +24
51 : #b880d6 : +26
53 : #b87ed7 : +28
55 : #b97dd9 : +30
57 : #b97bdb : +32
59 : #ba79dc : +34
61 : #ba78de : +36
63 : #bb76e0 : +38
65 : #bb74e2 : +40
67 : #bc72e3 : +42
69 : #bc71e5 : +44
71 : #bd6fe7 : +46
73 : #bd6de8 : +48
75 : #be6cea : +50
77 : #be6aec : +52
79 : #bf68ed : +54
81 : #bf67ef : +56
83 : #c065f1 : +58
85 : #c063f2 : +60
87 : #c162f4 : +62
89 : #c160f6 : +64
91 : #c25ef7 : +66
93 : #c25df9 : +68
95 : #c35bfb : +70
97 : #c359fc : +72
99 : #c458fe : +74
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -66
3 : #08060a : -64
5 : #0e0a10 : -62
7 : #130d16 : -60
9 : #19111d : -58
11 : #1e1523 : -56
13 : #241929 : -54
15 : #291d30 : -52
17 : #2f2136 : -50
19 : #34243d : -48
21 : #3a2843 : -46
23 : #3f2c49 : -44
25 : #453050 : -42
27 : #4a3456 : -40
29 : #4f375c : -38
31 : #553b63 : -36
33 : #5a3f69 : -34
35 : #604370 : -32
37 : #654776 : -30
39 : #6b4b7c : -28
41 : #704e83 : -26
43 : #765289 : -24
45 : #7b568f : -22
47 : #815a96 : -20
49 : #865e9c : -18
51 : #8b63a1 : -16
53 : #9069a5 : -14
55 : #9570a9 : -12
57 : #9a76ad : -10
59 : #9e7cb1 : -8
61 : #a383b4 : -6
63 : #a889b8 : -4
65 : #ac8fbc : -2
67 : #b196c0 : ±0
69 : #b69cc4 : +2
71 : #bba3c8 : +4
73 : #bfa9cb : +6
75 : #c4afcf : +8
77 : #c9b6d3 : +10
79 : #cdbcd7 : +12
81 : #d2c2db : +14
83 : #d7c9de : +16
85 : #dccfe2 : +18
87 : #e0d6e6 : +20
89 : #e5dcea : +22
91 : #eae2ee : +24
93 : #eee9f2 : +26
95 : #f3eff5 : +28
97 : #f8f5f9 : +30
99 : #fdfcfd : +32
CSS入門、作ってます。
text-shadow