#c77a98
RGB
赤 | 199 |
---|---|
緑 | 122 |
青 | 152 |
HSL
色相 | 337° |
---|---|
彩度 | 41% |
明度 | 63% |
輝度 | 58% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 199, 緑 = 122, 青 = 152 )
HSL ( 色相 = 337°, 彩度 = 41%, 明度 = 63% )
H : 色相 ( 337° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #c7837a : -330
17 : #c7907a : -320
27 : #c79d7a : -310
37 : #c7aa7a : -300
47 : #c7b77a : -290
57 : #c7c37a : -280
67 : #bec77a : -270
77 : #b1c77a : -260
87 : #a5c77a : -250
97 : #98c77a : -240
107 : #8bc77a : -230
117 : #7ec77a : -220
127 : #7ac783 : -210
137 : #7ac790 : -200
147 : #7ac79d : -190
157 : #7ac7aa : -180
167 : #7ac7b7 : -170
177 : #7ac7c3 : -160
187 : #7abec7 : -150
197 : #7ab1c7 : -140
207 : #7aa5c7 : -130
217 : #7a98c7 : -120
227 : #7a8bc7 : -110
237 : #7a7ec7 : -100
247 : #837ac7 : -90
257 : #907ac7 : -80
267 : #9d7ac7 : -70
277 : #aa7ac7 : -60
287 : #b77ac7 : -50
297 : #c37ac7 : -40
307 : #c77abe : -30
317 : #c77ab1 : -20
327 : #c77aa5 : -10
337 : #c77a98 : ±0
347 : #c77a8b : +10
357 : #c77a7e : +20
327 : #c77aa5 : -10
328 : #c77aa3 : -9
329 : #c77aa2 : -8
330 : #c77aa1 : -7
331 : #c77a9f : -6
332 : #c77a9e : -5
333 : #c77a9d : -4
334 : #c77a9b : -3
335 : #c77a9a : -2
336 : #c77a99 : -1
337 : #c77a98 : ±0
338 : #c77a96 : +1
339 : #c77a95 : +2
340 : #c77a94 : +3
341 : #c77a92 : +4
342 : #c77a91 : +5
343 : #c77a90 : +6
344 : #c77a8f : +7
345 : #c77a8d : +8
346 : #c77a8c : +9
347 : #c77a8b : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a0a0 : -40
3 : #a39ea0 : -38
5 : #a59ca0 : -36
7 : #a79a9f : -34
9 : #a9989f : -32
11 : #ab969e : -30
13 : #ad949e : -28
15 : #af929d : -26
17 : #b1919d : -24
19 : #b38f9c : -22
21 : #b48d9c : -20
23 : #b68b9c : -18
25 : #b8899b : -16
27 : #ba879b : -14
29 : #bc859a : -12
31 : #be839a : -10
33 : #c08299 : -8
35 : #c28099 : -6
37 : #c47e99 : -4
39 : #c57c98 : -2
41 : #c77a98 : ±0
43 : #c97897 : +2
45 : #cb7697 : +4
47 : #cd7496 : +6
49 : #cf7296 : +8
51 : #d17195 : +10
53 : #d36f95 : +12
55 : #d56d95 : +14
57 : #d66b94 : +16
59 : #d86994 : +18
61 : #da6793 : +20
63 : #dc6593 : +22
65 : #de6392 : +24
67 : #e06192 : +26
69 : #e26091 : +28
71 : #e45e91 : +30
73 : #e65c91 : +32
75 : #e75a90 : +34
77 : #e95890 : +36
79 : #eb568f : +38
81 : #ed548f : +40
83 : #ef528e : +42
85 : #f1508e : +44
87 : #f34f8d : +46
89 : #f54d8d : +48
91 : #f74b8d : +50
93 : #f8498c : +52
95 : #fa478c : +54
97 : #fc458b : +56
99 : #fe438b : +58
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -62
3 : #0b0507 : -60
5 : #12080c : -58
7 : #190b10 : -56
9 : #200e15 : -54
11 : #281119 : -52
13 : #2f141e : -50
15 : #361723 : -48
17 : #3d1a27 : -46
19 : #441d2c : -44
21 : #4c2030 : -42
23 : #532335 : -40
25 : #5a263a : -38
27 : #61293e : -36
29 : #682c43 : -34
31 : #6f2f47 : -32
33 : #77324c : -30
35 : #7e3551 : -28
37 : #853855 : -26
39 : #8c3b5a : -24
41 : #933e5f : -22
43 : #9b4163 : -20
45 : #a24468 : -18
47 : #a9476c : -16
49 : #b04a71 : -14
51 : #b54f76 : -12
53 : #b8567c : -10
55 : #bb5d81 : -8
57 : #be6487 : -6
59 : #c16c8c : -4
61 : #c47392 : -2
63 : #c77a98 : ±0
65 : #ca819d : +2
67 : #cd88a3 : +4
69 : #d090a8 : +6
71 : #d397ae : +8
73 : #d69eb4 : +10
75 : #d9a5b9 : +12
77 : #dcacbf : +14
79 : #dfb3c4 : +16
81 : #e2bbca : +18
83 : #e5c2d0 : +20
85 : #e8c9d5 : +22
87 : #ebd0db : +24
89 : #eed7e0 : +26
91 : #f1dfe6 : +28
93 : #f4e6eb : +30
95 : #f7edf1 : +32
97 : #faf4f7 : +34
99 : #fdfbfc : +36
CSS入門、作ってます。
text-shadow