#92175e
RGB
赤 | 146 |
---|---|
緑 | 23 |
青 | 94 |
HSL
色相 | 325° |
---|---|
彩度 | 73% |
明度 | 33% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 146, 緑 = 23, 青 = 94 )
HSL ( 色相 = 325°, 彩度 = 73%, 明度 = 33% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #922117 : -320
15 : #923517 : -310
25 : #924a17 : -300
35 : #925e17 : -290
45 : #927317 : -280
55 : #928717 : -270
65 : #879217 : -260
75 : #739217 : -250
85 : #5e9217 : -240
95 : #4a9217 : -230
105 : #359217 : -220
115 : #219217 : -210
125 : #179221 : -200
135 : #179235 : -190
145 : #17924a : -180
155 : #17925e : -170
165 : #179273 : -160
175 : #179287 : -150
185 : #178792 : -140
195 : #177392 : -130
205 : #175e92 : -120
215 : #174a92 : -110
225 : #173592 : -100
235 : #172192 : -90
245 : #211792 : -80
255 : #351792 : -70
265 : #4a1792 : -60
275 : #5e1792 : -50
285 : #731792 : -40
295 : #871792 : -30
305 : #921787 : -20
315 : #921773 : -10
325 : #92175e : ±0
335 : #92174a : +10
345 : #921735 : +20
355 : #921721 : +30
315 : #921773 : -10
316 : #921771 : -9
317 : #92176f : -8
318 : #92176d : -7
319 : #92176b : -6
320 : #921769 : -5
321 : #921767 : -4
322 : #921765 : -3
323 : #921762 : -2
324 : #921760 : -1
325 : #92175e : ±0
326 : #92175c : +1
327 : #92175a : +2
328 : #921758 : +3
329 : #921756 : +4
330 : #921754 : +5
331 : #921752 : +6
332 : #921750 : +7
333 : #92174e : +8
334 : #92174c : +9
335 : #92174a : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555354 : -72
3 : #575255 : -70
5 : #585055 : -68
7 : #5a4e55 : -66
9 : #5c4d55 : -64
11 : #5d4b56 : -62
13 : #5f4956 : -60
15 : #614856 : -58
17 : #624657 : -56
19 : #644457 : -54
21 : #664257 : -52
23 : #684157 : -50
25 : #693f58 : -48
27 : #6b3d58 : -46
29 : #6d3c58 : -44
31 : #6e3a58 : -42
33 : #703859 : -40
35 : #723759 : -38
37 : #733559 : -36
39 : #75335a : -34
41 : #77325a : -32
43 : #78305a : -30
45 : #7a2e5a : -28
47 : #7c2d5b : -26
49 : #7d2b5b : -24
51 : #7f295b : -22
53 : #81285c : -20
55 : #82265c : -18
57 : #84245c : -16
59 : #86235c : -14
61 : #87215d : -12
63 : #891f5d : -10
65 : #8b1d5d : -8
67 : #8d1c5e : -6
69 : #8e1a5e : -4
71 : #90185e : -2
73 : #92175e : ±0
75 : #93155f : +2
77 : #95135f : +4
79 : #97125f : +6
81 : #981060 : +8
83 : #9a0e60 : +10
85 : #9c0d60 : +12
87 : #9d0b60 : +14
89 : #9f0961 : +16
91 : #a10861 : +18
93 : #a20661 : +20
95 : #a40461 : +22
97 : #a60362 : +24
99 : #a70162 : +26
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -32
3 : #0d0209 : -30
5 : #16030e : -28
7 : #1f0514 : -26
9 : #28061a : -24
11 : #31081f : -22
13 : #390925 : -20
15 : #420a2b : -18
17 : #4b0c31 : -16
19 : #540d36 : -14
21 : #5d0e3c : -12
23 : #651042 : -10
25 : #6e1148 : -8
27 : #77134d : -6
29 : #801453 : -4
31 : #891559 : -2
33 : #92175e : ±0
35 : #9a1864 : +2
37 : #a3196a : +4
39 : #ac1b70 : +6
41 : #b51c75 : +8
43 : #be1e7b : +10
45 : #c71f81 : +12
47 : #cf2086 : +14
49 : #d8228c : +16
51 : #dd2791 : +18
53 : #df3096 : +20
55 : #e0389a : +22
57 : #e1419f : +24
59 : #e34aa3 : +26
61 : #e453a8 : +28
63 : #e65cac : +30
65 : #e765b1 : +32
67 : #e86db5 : +34
69 : #ea76ba : +36
71 : #eb7fbe : +38
73 : #ec88c3 : +40
75 : #ee91c7 : +42
77 : #ef9acb : +44
79 : #f1a2d0 : +46
81 : #f2abd4 : +48
83 : #f3b4d9 : +50
85 : #f5bddd : +52
87 : #f6c6e2 : +54
89 : #f7cee6 : +56
91 : #f9d7eb : +58
93 : #fae0ef : +60
95 : #fce9f4 : +62
97 : #fdf2f8 : +64
99 : #fefbfd : +66
CSS入門、作ってます。
text-shadow