#c13384
RGB
赤 | 193 |
---|---|
緑 | 51 |
青 | 132 |
HSL
色相 | 326° |
---|---|
彩度 | 58% |
明度 | 48% |
輝度 | 40% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 193, 緑 = 51, 青 = 132 )
HSL ( 色相 = 326°, 彩度 = 58%, 明度 = 48% )
H : 色相 ( 326° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #c14233 : -320
16 : #c15933 : -310
26 : #c17133 : -300
36 : #c18933 : -290
46 : #c1a033 : -280
56 : #c1b833 : -270
66 : #b3c133 : -260
76 : #9cc133 : -250
86 : #84c133 : -240
96 : #6cc133 : -230
106 : #55c133 : -220
116 : #3dc133 : -210
126 : #33c142 : -200
136 : #33c159 : -190
146 : #33c171 : -180
156 : #33c189 : -170
166 : #33c1a0 : -160
176 : #33c1b8 : -150
186 : #33b3c1 : -140
196 : #339cc1 : -130
206 : #3384c1 : -120
216 : #336cc1 : -110
226 : #3355c1 : -100
236 : #333dc1 : -90
246 : #4233c1 : -80
256 : #5933c1 : -70
266 : #7133c1 : -60
276 : #8933c1 : -50
286 : #a033c1 : -40
296 : #b833c1 : -30
306 : #c133b3 : -20
316 : #c1339c : -10
326 : #c13384 : ±0
336 : #c1336c : +10
346 : #c13355 : +20
356 : #c1333d : +30
316 : #c1339c : -10
317 : #c13399 : -9
318 : #c13397 : -8
319 : #c13394 : -7
320 : #c13392 : -6
321 : #c13390 : -5
322 : #c1338d : -4
323 : #c1338b : -3
324 : #c13389 : -2
325 : #c13386 : -1
326 : #c13384 : ±0
327 : #c13381 : +1
328 : #c1337f : +2
329 : #c1337d : +3
330 : #c1337a : +4
331 : #c13378 : +5
332 : #c13376 : +6
333 : #c13373 : +7
334 : #c13371 : +8
335 : #c1336f : +9
336 : #c1336c : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -58
2 : #7d787b : -56
4 : #7f767b : -54
6 : #82737b : -52
8 : #84717c : -50
10 : #876e7c : -48
12 : #896c7c : -46
14 : #8c697d : -44
16 : #8e677d : -42
18 : #90647d : -40
20 : #93627e : -38
22 : #955f7e : -36
24 : #985d7e : -34
26 : #9a5b7f : -32
28 : #9d587f : -30
30 : #9f567f : -28
32 : #a25380 : -26
34 : #a45180 : -24
36 : #a64e80 : -22
38 : #a94c81 : -20
40 : #ab4981 : -18
42 : #ae4781 : -16
44 : #b04582 : -14
46 : #b34282 : -12
48 : #b54082 : -10
50 : #b83d83 : -8
52 : #ba3b83 : -6
54 : #bc3883 : -4
56 : #bf3684 : -2
58 : #c13384 : ±0
60 : #c43184 : +2
62 : #c62f85 : +4
64 : #c92c85 : +6
66 : #cb2a85 : +8
68 : #ce2785 : +10
70 : #d02586 : +12
72 : #d32286 : +14
74 : #d52086 : +16
76 : #d71d87 : +18
78 : #da1b87 : +20
80 : #dc1887 : +22
82 : #df1688 : +24
84 : #e11488 : +26
86 : #e41188 : +28
88 : #e60f89 : +30
90 : #e90c89 : +32
92 : #eb0a89 : +34
94 : #ed078a : +36
96 : #f0058a : +38
98 : #f2028a : +40
100 : #f5008b : +42
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #080205 : -46
4 : #10040b : -44
6 : #180610 : -42
8 : #200916 : -40
10 : #280b1b : -38
12 : #300d21 : -36
14 : #380f26 : -34
16 : #40112c : -32
18 : #491331 : -30
20 : #511537 : -28
22 : #59183c : -26
24 : #611a42 : -24
26 : #691c47 : -22
28 : #711e4d : -20
30 : #792052 : -18
32 : #812258 : -16
34 : #89245d : -14
36 : #912763 : -12
38 : #992968 : -10
40 : #a12b6e : -8
42 : #a92d73 : -6
44 : #b12f79 : -4
46 : #b9317e : -2
48 : #c13384 : ±0
50 : #c93689 : +2
52 : #cc3e8e : +4
54 : #ce4693 : +6
56 : #d04e97 : +8
58 : #d2569c : +10
60 : #d45ea1 : +12
62 : #d666a6 : +14
64 : #d86eaa : +16
66 : #db76af : +18
68 : #dd7eb4 : +20
70 : #df86b8 : +22
72 : #e18ebd : +24
74 : #e396c2 : +26
76 : #e59ec7 : +28
78 : #e7a6cb : +30
80 : #eaaed0 : +32
82 : #ecb6d5 : +34
84 : #eebfd9 : +36
86 : #f0c7de : +38
88 : #f2cfe3 : +40
90 : #f4d7e7 : +42
92 : #f6dfec : +44
94 : #f9e7f1 : +46
96 : #fbeff6 : +48
98 : #fdf7fa : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow