#c44a6d
RGB
| 赤 | 196 |
|---|---|
| 緑 | 74 |
| 青 | 109 |
HSL
| 色相 | 343° |
|---|---|
| 彩度 | 51% |
| 明度 | 53% |
| 輝度 | 45% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 196, 緑 = 74, 青 = 109 )
HSL ( 色相 = 343°, 彩度 = 51%, 明度 = 53% )
H : 色相 ( 343° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #c4504a : -340
13 : #c4654a : -330
23 : #c4794a : -320
33 : #c48d4a : -310
43 : #c4a24a : -300
53 : #c4b64a : -290
63 : #bec44a : -280
73 : #aac44a : -270
83 : #95c44a : -260
93 : #81c44a : -250
103 : #6dc44a : -240
113 : #58c44a : -230
123 : #4ac450 : -220
133 : #4ac465 : -210
143 : #4ac479 : -200
153 : #4ac48d : -190
163 : #4ac4a2 : -180
173 : #4ac4b6 : -170
183 : #4abec4 : -160
193 : #4aaac4 : -150
203 : #4a95c4 : -140
213 : #4a81c4 : -130
223 : #4a6dc4 : -120
233 : #4a58c4 : -110
243 : #504ac4 : -100
253 : #654ac4 : -90
263 : #794ac4 : -80
273 : #8d4ac4 : -70
283 : #a24ac4 : -60
293 : #b64ac4 : -50
303 : #c44abe : -40
313 : #c44aaa : -30
323 : #c44a95 : -20
333 : #c44a81 : -10
343 : #c44a6d : ±0
353 : #c44a58 : +10
333 : #c44a81 : -10
334 : #c44a7f : -9
335 : #c44a7d : -8
336 : #c44a7b : -7
337 : #c44a79 : -6
338 : #c44a77 : -5
339 : #c44a75 : -4
340 : #c44a73 : -3
341 : #c44a71 : -2
342 : #c44a6f : -1
343 : #c44a6d : ±0
344 : #c44a6b : +1
345 : #c44a69 : +2
346 : #c44a67 : +3
347 : #c44a65 : +4
348 : #c44a62 : +5
349 : #c44a60 : +6
350 : #c44a5e : +7
351 : #c44a5c : +8
352 : #c44a5a : +9
353 : #c44a58 : +10
S : 彩度 ( 51% )
(0%) 渋い ～ 鮮やか (100%)
1 : #888687 : -50
3 : #8b8486 : -48
5 : #8d8185 : -46
7 : #907f84 : -44
9 : #927c82 : -42
11 : #947a81 : -40
13 : #977880 : -38
15 : #99757f : -36
17 : #9c737e : -34
19 : #9e707d : -32
21 : #a06e7c : -30
23 : #a36c7b : -28
25 : #a5697a : -26
27 : #a86779 : -24
29 : #aa6478 : -22
31 : #ac6277 : -20
33 : #af6076 : -18
35 : #b15d75 : -16
37 : #b35b74 : -14
39 : #b65873 : -12
41 : #b85672 : -10
43 : #bb5471 : -8
45 : #bd5170 : -6
47 : #bf4f6f : -4
49 : #c24c6e : -2
51 : #c44a6d : ±0
53 : #c7486c : +2
55 : #c9456b : +4
57 : #cb436a : +6
59 : #ce4069 : +8
61 : #d03e67 : +10
63 : #d33c66 : +12
65 : #d53965 : +14
67 : #d73764 : +16
69 : #da3463 : +18
71 : #dc3262 : +20
73 : #df3061 : +22
75 : #e12d60 : +24
77 : #e32b5f : +26
79 : #e6285e : +28
81 : #e8265d : +30
83 : #eb245c : +32
85 : #ed215b : +34
87 : #ef1f5a : +36
89 : #f21c59 : +38
91 : #f41a58 : +40
93 : #f71857 : +42
95 : #f91556 : +44
97 : #fb1355 : +46
99 : #fe1054 : +48
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #040102 : -52
3 : #0c0406 : -50
5 : #13060a : -48
7 : #1b090e : -46
9 : #230b12 : -44
11 : #2a0e16 : -42
13 : #32101a : -40
15 : #3a131e : -38
17 : #411522 : -36
19 : #491826 : -34
21 : #511a2a : -32
23 : #591d2e : -30
25 : #601f32 : -28
27 : #682236 : -26
29 : #70243a : -24
31 : #77273e : -22
33 : #7f2942 : -20
35 : #872c46 : -18
37 : #8e2e49 : -16
39 : #96314d : -14
41 : #9e3351 : -12
43 : #a63655 : -10
45 : #ad3859 : -8
47 : #b53b5d : -6
49 : #bd3d61 : -4
51 : #c24266 : -2
53 : #c44a6d : ±0
55 : #c75273 : +2
57 : #c95979 : +4
59 : #cc617f : +6
61 : #ce6986 : +8
63 : #d1718c : +10
65 : #d37892 : +12
67 : #d68098 : +14
69 : #d8889e : +16
71 : #db8fa5 : +18
73 : #dd97ab : +20
75 : #e09fb1 : +22
77 : #e2a6b7 : +24
79 : #e5aebe : +26
81 : #e7b6c4 : +28
83 : #eabeca : +30
85 : #ecc5d0 : +32
87 : #efcdd7 : +34
89 : #f1d5dd : +36
91 : #f4dce3 : +38
93 : #f6e4e9 : +40
95 : #f9ecef : +42
97 : #fbf3f6 : +44
99 : #fefbfc : +46
CSS入門、作ってます。
text-shadow