#9e1f69
RGB
赤 | 158 |
---|---|
緑 | 31 |
青 | 105 |
HSL
色相 | 325° |
---|---|
彩度 | 67% |
明度 | 37% |
輝度 | 30% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 158, 緑 = 31, 青 = 105 )
HSL ( 色相 = 325°, 彩度 = 67%, 明度 = 37% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #9e2a1f : -320
15 : #9e3f1f : -310
25 : #9e541f : -300
35 : #9e691f : -290
45 : #9e7e1f : -280
55 : #9e931f : -270
65 : #939e1f : -260
75 : #7e9e1f : -250
85 : #699e1f : -240
95 : #549e1f : -230
105 : #3f9e1f : -220
115 : #2a9e1f : -210
125 : #1f9e2a : -200
135 : #1f9e3f : -190
145 : #1f9e54 : -180
155 : #1f9e69 : -170
165 : #1f9e7e : -160
175 : #1f9e93 : -150
185 : #1f939e : -140
195 : #1f7e9e : -130
205 : #1f699e : -120
215 : #1f549e : -110
225 : #1f3f9e : -100
235 : #1f2a9e : -90
245 : #2a1f9e : -80
255 : #3f1f9e : -70
265 : #541f9e : -60
275 : #691f9e : -50
285 : #7e1f9e : -40
295 : #931f9e : -30
305 : #9e1f93 : -20
315 : #9e1f7e : -10
325 : #9e1f69 : ±0
335 : #9e1f54 : +10
345 : #9e1f3f : +20
355 : #9e1f2a : +30
315 : #9e1f7e : -10
316 : #9e1f7c : -9
317 : #9e1f7a : -8
318 : #9e1f78 : -7
319 : #9e1f76 : -6
320 : #9e1f73 : -5
321 : #9e1f71 : -4
322 : #9e1f6f : -3
323 : #9e1f6d : -2
324 : #9e1f6b : -1
325 : #9e1f69 : ±0
326 : #9e1f67 : +1
327 : #9e1f65 : +2
328 : #9e1f63 : +3
329 : #9e1f60 : +4
330 : #9e1f5e : +5
331 : #9e1f5c : +6
332 : #9e1f5a : +7
333 : #9e1f58 : +8
334 : #9e1f56 : +9
335 : #9e1f54 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5f5d5f : -66
3 : #615c5f : -64
5 : #635a5f : -62
7 : #65585f : -60
9 : #675660 : -58
11 : #695460 : -56
13 : #6b5260 : -54
15 : #6d5061 : -52
17 : #6e4e61 : -50
19 : #704c61 : -48
21 : #724b62 : -46
23 : #744962 : -44
25 : #764762 : -42
27 : #784563 : -40
29 : #7a4363 : -38
31 : #7c4163 : -36
33 : #7d3f64 : -34
35 : #7f3d64 : -32
37 : #813b64 : -30
39 : #833a64 : -28
41 : #853865 : -26
43 : #873665 : -24
45 : #893465 : -22
47 : #8b3266 : -20
49 : #8d3066 : -18
51 : #8e2e66 : -16
53 : #902c67 : -14
55 : #922a67 : -12
57 : #942967 : -10
59 : #962768 : -8
61 : #982568 : -6
63 : #9a2368 : -4
65 : #9c2169 : -2
67 : #9e1f69 : ±0
69 : #9f1d69 : +2
71 : #a11b6a : +4
73 : #a3196a : +6
75 : #a5186a : +8
77 : #a7166a : +10
79 : #a9146b : +12
81 : #ab126b : +14
83 : #ad106b : +16
85 : #af0e6c : +18
87 : #b00c6c : +20
89 : #b20a6c : +22
91 : #b4086d : +24
93 : #b6076d : +26
95 : #b8056d : +28
97 : #ba036e : +30
99 : #bc016e : +32
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -36
3 : #0d0309 : -34
5 : #15040e : -32
7 : #1e0614 : -30
9 : #26081a : -28
11 : #2f091f : -26
13 : #370b25 : -24
15 : #400d2b : -22
17 : #480e30 : -20
19 : #511036 : -18
21 : #59123c : -16
23 : #621341 : -14
25 : #6a1547 : -12
27 : #73174d : -10
29 : #7b1852 : -8
31 : #841a58 : -6
33 : #8d1c5e : -4
35 : #951d63 : -2
37 : #9e1f69 : ±0
39 : #a6216f : +2
41 : #af2374 : +4
43 : #b7247a : +6
45 : #c02680 : +8
47 : #c82885 : +10
49 : #d1298b : +12
51 : #d62e90 : +14
53 : #d73795 : +16
55 : #d93f99 : +18
57 : #db489e : +20
59 : #dc50a2 : +22
61 : #de59a7 : +24
63 : #e061ab : +26
65 : #e26ab0 : +28
67 : #e372b4 : +30
69 : #e57bb9 : +32
71 : #e784bd : +34
73 : #e88cc2 : +36
75 : #ea95c6 : +38
77 : #ec9dcb : +40
79 : #eda6cf : +42
81 : #efaed4 : +44
83 : #f1b7d8 : +46
85 : #f2bfdd : +48
87 : #f4c8e2 : +50
89 : #f6d0e6 : +52
91 : #f7d9eb : +54
93 : #f9e1ef : +56
95 : #fbeaf4 : +58
97 : #fcf2f8 : +60
99 : #fefbfd : +62
CSS入門、作ってます。
text-shadow