#371773
RGB
赤 | 55 |
---|---|
緑 | 23 |
青 | 115 |
HSL
色相 | 261° |
---|---|
彩度 | 67% |
明度 | 27% |
輝度 | 17% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 55, 緑 = 23, 青 = 115 )
HSL ( 色相 = 261°, 彩度 = 67%, 明度 = 27% )
H : 色相 ( 261° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #731817 : -260
11 : #732817 : -250
21 : #733717 : -240
31 : #734617 : -230
41 : #735617 : -220
51 : #736517 : -210
61 : #717317 : -200
71 : #627317 : -190
81 : #537317 : -180
91 : #437317 : -170
101 : #347317 : -160
111 : #257317 : -150
121 : #177318 : -140
131 : #177328 : -130
141 : #177337 : -120
151 : #177346 : -110
161 : #177356 : -100
171 : #177365 : -90
181 : #177173 : -80
191 : #176273 : -70
201 : #175373 : -60
211 : #174373 : -50
221 : #173473 : -40
231 : #172573 : -30
241 : #181773 : -20
251 : #281773 : -10
261 : #371773 : ±0
271 : #461773 : +10
281 : #561773 : +20
291 : #651773 : +30
301 : #731771 : +40
311 : #731762 : +50
321 : #731753 : +60
331 : #731743 : +70
341 : #731734 : +80
351 : #731725 : +90
251 : #281773 : -10
252 : #291773 : -9
253 : #2b1773 : -8
254 : #2c1773 : -7
255 : #2e1773 : -6
256 : #2f1773 : -5
257 : #311773 : -4
258 : #321773 : -3
259 : #341773 : -2
260 : #351773 : -1
261 : #371773 : ±0
262 : #391773 : +1
263 : #3a1773 : +2
264 : #3c1773 : +3
265 : #3d1773 : +4
266 : #3f1773 : +5
267 : #401773 : +6
268 : #421773 : +7
269 : #431773 : +8
270 : #451773 : +9
271 : #461773 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #454446 : -66
3 : #444347 : -64
5 : #444148 : -62
7 : #43404a : -60
9 : #433f4b : -58
11 : #433d4c : -56
13 : #423c4e : -54
15 : #423b4f : -52
17 : #413951 : -50
19 : #413852 : -48
21 : #413653 : -46
23 : #403555 : -44
25 : #403456 : -42
27 : #3f3257 : -40
29 : #3f3159 : -38
31 : #3e305a : -36
33 : #3e2e5c : -34
35 : #3e2d5d : -32
37 : #3d2b5e : -30
39 : #3d2a60 : -28
41 : #3c2961 : -26
43 : #3c2762 : -24
45 : #3c2664 : -22
47 : #3b2465 : -20
49 : #3b2367 : -18
51 : #3a2268 : -16
53 : #3a2069 : -14
55 : #391f6b : -12
57 : #391e6c : -10
59 : #391c6d : -8
61 : #381b6f : -6
63 : #381970 : -4
65 : #371872 : -2
67 : #371773 : ±0
69 : #371574 : +2
71 : #361476 : +4
73 : #361377 : +6
75 : #351178 : +8
77 : #35107a : +10
79 : #350e7b : +12
81 : #340d7d : +14
83 : #340c7e : +16
85 : #330a7f : +18
87 : #330981 : +20
89 : #320882 : +22
91 : #320684 : +24
93 : #320585 : +26
95 : #310386 : +28
97 : #310288 : +30
99 : #300189 : +32
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -26
3 : #06030d : -24
5 : #0a0415 : -22
7 : #0e061e : -20
9 : #120826 : -18
11 : #16092f : -16
13 : #1a0b37 : -14
15 : #1f0d40 : -12
17 : #230e48 : -10
19 : #271051 : -8
21 : #2b1259 : -6
23 : #2f1362 : -4
25 : #33156a : -2
27 : #371773 : ±0
29 : #3b187b : +2
31 : #3f1a84 : +4
33 : #431c8d : +6
35 : #471d95 : +8
37 : #4b1f9e : +10
39 : #4f21a6 : +12
41 : #5423af : +14
43 : #5824b7 : +16
45 : #5c26c0 : +18
47 : #6028c8 : +20
49 : #6429d1 : +22
51 : #692ed6 : +24
53 : #6f37d7 : +26
55 : #753fd9 : +28
57 : #7b48db : +30
59 : #8150dc : +32
61 : #8859de : +34
63 : #8e61e0 : +36
65 : #946ae2 : +38
67 : #9a72e3 : +40
69 : #a07be5 : +42
71 : #a684e7 : +44
73 : #ac8ce8 : +46
75 : #b295ea : +48
77 : #b99dec : +50
79 : #bfa6ed : +52
81 : #c5aeef : +54
83 : #cbb7f1 : +56
85 : #d1bff2 : +58
87 : #d7c8f4 : +60
89 : #ddd0f6 : +62
91 : #e3d9f7 : +64
93 : #eae1f9 : +66
95 : #f0eafb : +68
97 : #f6f2fc : +70
99 : #fcfbfe : +72
CSS入門、作ってます。
text-shadow