#c60156
RGB
赤 | 198 |
---|---|
緑 | 1 |
青 | 86 |
HSL
色相 | 334° |
---|---|
彩度 | 99% |
明度 | 39% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 198, 緑 = 1, 青 = 86 )
HSL ( 色相 = 334°, 彩度 = 99%, 明度 = 39% )
H : 色相 ( 334° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #c60e01 : -330
14 : #c62f01 : -320
24 : #c65001 : -310
34 : #c67101 : -300
44 : #c69101 : -290
54 : #c6b201 : -280
64 : #b9c601 : -270
74 : #98c601 : -260
84 : #77c601 : -250
94 : #56c601 : -240
104 : #36c601 : -230
114 : #15c601 : -220
124 : #01c60e : -210
134 : #01c62f : -200
144 : #01c650 : -190
154 : #01c671 : -180
164 : #01c691 : -170
174 : #01c6b2 : -160
184 : #01b9c6 : -150
194 : #0198c6 : -140
204 : #0177c6 : -130
214 : #0156c6 : -120
224 : #0136c6 : -110
234 : #0115c6 : -100
244 : #0e01c6 : -90
254 : #2f01c6 : -80
264 : #5001c6 : -70
274 : #7101c6 : -60
284 : #9101c6 : -50
294 : #b201c6 : -40
304 : #c601b9 : -30
314 : #c60198 : -20
324 : #c60177 : -10
334 : #c60156 : ±0
344 : #c60136 : +10
354 : #c60115 : +20
324 : #c60177 : -10
325 : #c60174 : -9
326 : #c60171 : -8
327 : #c6016d : -7
328 : #c6016a : -6
329 : #c60167 : -5
330 : #c60163 : -4
331 : #c60160 : -3
332 : #c6015d : -2
333 : #c6015a : -1
334 : #c60156 : ±0
335 : #c60153 : +1
336 : #c60150 : +2
337 : #c6014c : +3
338 : #c60149 : +4
339 : #c60146 : +5
340 : #c60143 : +6
341 : #c6013f : +7
342 : #c6013c : +8
343 : #c60139 : +9
344 : #c60136 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646263 : -98
3 : #666063 : -96
5 : #685e63 : -94
7 : #6a5c63 : -92
9 : #6c5a62 : -90
11 : #6e5962 : -88
13 : #705762 : -86
15 : #725561 : -84
17 : #745361 : -82
19 : #765161 : -80
21 : #784f61 : -78
23 : #7a4d60 : -76
25 : #7c4b60 : -74
27 : #7e4960 : -72
29 : #804760 : -70
31 : #82455f : -68
33 : #84435f : -66
35 : #86415f : -64
37 : #883f5f : -62
39 : #8a3d5e : -60
41 : #8c3b5e : -58
43 : #8e395e : -56
45 : #90375d : -54
47 : #92355d : -52
49 : #94335d : -50
51 : #96315d : -48
53 : #982f5c : -46
55 : #9a2d5c : -44
57 : #9c2b5c : -42
59 : #9e295c : -40
61 : #a0275b : -38
63 : #a2255b : -36
65 : #a4235b : -34
67 : #a6215b : -32
69 : #a81f5a : -30
71 : #aa1d5a : -28
73 : #ac1b5a : -26
75 : #ae195a : -24
77 : #b01759 : -22
79 : #b21559 : -20
81 : #b41359 : -18
83 : #b61158 : -16
85 : #b80f58 : -14
87 : #ba0d58 : -12
89 : #bc0b58 : -10
91 : #be0957 : -8
93 : #c00757 : -6
95 : #c20557 : -4
97 : #c40357 : -2
99 : #c60156 : ±0
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050002 : -38
3 : #0f0007 : -36
5 : #19000b : -34
7 : #24000f : -32
9 : #2e0014 : -30
11 : #380018 : -28
13 : #42001d : -26
15 : #4c0021 : -24
17 : #560026 : -22
19 : #60002a : -20
21 : #6b012e : -18
23 : #750133 : -16
25 : #7f0137 : -14
27 : #89013c : -12
29 : #930140 : -10
31 : #9d0145 : -8
33 : #a70149 : -6
35 : #b2014d : -4
37 : #bc0152 : -2
39 : #c60156 : ±0
41 : #d0015b : +2
43 : #da015f : +4
45 : #e40164 : +6
47 : #ef0168 : +8
49 : #f9016c : +10
51 : #fe0672 : +12
53 : #fe1077 : +14
55 : #fe1b7d : +16
57 : #fe2583 : +18
59 : #fe2f89 : +20
61 : #fe398e : +22
63 : #fe4394 : +24
65 : #fe4d9a : +26
67 : #fe58a0 : +28
69 : #fe62a6 : +30
71 : #fe6cab : +32
73 : #fe76b1 : +34
75 : #fe80b7 : +36
77 : #fe8abd : +38
79 : #fe94c2 : +40
81 : #ff9fc8 : +42
83 : #ffa9ce : +44
85 : #ffb3d4 : +46
87 : #ffbdd9 : +48
89 : #ffc7df : +50
91 : #ffd1e5 : +52
93 : #ffdbeb : +54
95 : #ffe6f1 : +56
97 : #fff0f6 : +58
99 : #fffafc : +60
CSS入門、作ってます。
text-shadow