#9d31a5
RGB
赤 | 157 |
---|---|
緑 | 49 |
青 | 165 |
HSL
色相 | 296° |
---|---|
彩度 | 54% |
明度 | 42% |
輝度 | 37% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 157, 緑 = 49, 青 = 165 )
HSL ( 色相 = 296°, 彩度 = 54%, 明度 = 42% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #a53d31 : -290
16 : #a55031 : -280
26 : #a56331 : -270
36 : #a57731 : -260
46 : #a58a31 : -250
56 : #a59d31 : -240
66 : #99a531 : -230
76 : #86a531 : -220
86 : #73a531 : -210
96 : #60a531 : -200
106 : #4ca531 : -190
116 : #39a531 : -180
126 : #31a53d : -170
136 : #31a550 : -160
146 : #31a563 : -150
156 : #31a577 : -140
166 : #31a58a : -130
176 : #31a59d : -120
186 : #3199a5 : -110
196 : #3186a5 : -100
206 : #3173a5 : -90
216 : #3160a5 : -80
226 : #314ca5 : -70
236 : #3139a5 : -60
246 : #3d31a5 : -50
256 : #5031a5 : -40
266 : #6331a5 : -30
276 : #7731a5 : -20
286 : #8a31a5 : -10
296 : #9d31a5 : ±0
306 : #a53199 : +10
316 : #a53186 : +20
326 : #a53173 : +30
336 : #a53160 : +40
346 : #a5314c : +50
356 : #a53139 : +60
286 : #8a31a5 : -10
287 : #8c31a5 : -9
288 : #8e31a5 : -8
289 : #9031a5 : -7
290 : #9231a5 : -6
291 : #9431a5 : -5
292 : #9631a5 : -4
293 : #9731a5 : -3
294 : #9931a5 : -2
295 : #9b31a5 : -1
296 : #9d31a5 : ±0
297 : #9f31a5 : +1
298 : #a131a5 : +2
299 : #a331a5 : +3
300 : #a531a5 : +4
301 : #a531a3 : +5
302 : #a531a1 : +6
303 : #a5319f : +7
304 : #a5319d : +8
305 : #a5319b : +9
306 : #a53199 : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -54
2 : #6d696d : -52
4 : #6f676f : -50
6 : #716572 : -48
8 : #736374 : -46
10 : #746076 : -44
12 : #765e78 : -42
14 : #785c7a : -40
16 : #7a5a7c : -38
18 : #7c587e : -36
20 : #7e5681 : -34
22 : #805483 : -32
24 : #815185 : -30
26 : #834f87 : -28
28 : #854d89 : -26
30 : #874b8b : -24
32 : #89498d : -22
34 : #8b4790 : -20
36 : #8d4592 : -18
38 : #8e4294 : -16
40 : #904096 : -14
42 : #923e98 : -12
44 : #943c9a : -10
46 : #963a9c : -8
48 : #98389f : -6
50 : #9a36a1 : -4
52 : #9b33a3 : -2
54 : #9d31a5 : ±0
56 : #9f2fa7 : +2
58 : #a12da9 : +4
60 : #a32bab : +6
62 : #a529ae : +8
64 : #a727b0 : +10
66 : #a824b2 : +12
68 : #aa22b4 : +14
70 : #ac20b6 : +16
72 : #ae1eb8 : +18
74 : #b01cba : +20
76 : #b21abc : +22
78 : #b318bf : +24
80 : #b515c1 : +26
82 : #b713c3 : +28
84 : #b911c5 : +30
86 : #bb0fc7 : +32
88 : #bd0dc9 : +34
90 : #bf0bcb : +36
92 : #c009ce : +38
94 : #c206d0 : +40
96 : #c404d2 : +42
98 : #c602d4 : +44
100 : #c800d6 : +46
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #070208 : -40
4 : #0f0510 : -38
6 : #160718 : -36
8 : #1e091f : -34
10 : #250c27 : -32
12 : #2d0e2f : -30
14 : #341037 : -28
16 : #3c133f : -26
18 : #431547 : -24
20 : #4b174f : -22
22 : #521a56 : -20
24 : #5a1c5e : -18
26 : #611e66 : -16
28 : #69216e : -14
30 : #702376 : -12
32 : #78267e : -10
34 : #7f2886 : -8
36 : #872a8d : -6
38 : #8e2d95 : -4
40 : #962f9d : -2
42 : #9d31a5 : ±0
44 : #a534ad : +2
46 : #ac36b5 : +4
48 : #b438bc : +6
50 : #bb3bc4 : +8
52 : #be43c7 : +10
54 : #c14ac9 : +12
56 : #c352cb : +14
58 : #c65ace : +16
60 : #c962d0 : +18
62 : #cb6ad2 : +20
64 : #ce72d5 : +22
66 : #d179d7 : +24
68 : #d481d9 : +26
70 : #d689dc : +28
72 : #d991de : +30
74 : #dc99e1 : +32
76 : #dea1e3 : +34
78 : #e1a9e5 : +36
80 : #e4b0e8 : +38
82 : #e7b8ea : +40
84 : #e9c0ec : +42
86 : #ecc8ef : +44
88 : #efd0f1 : +46
90 : #f1d8f3 : +48
92 : #f4e0f6 : +50
94 : #f7e7f8 : +52
96 : #faeffa : +54
98 : #fcf7fd : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow