#8d1c2f
RGB
赤 | 141 |
---|---|
緑 | 28 |
青 | 47 |
HSL
色相 | 350° |
---|---|
彩度 | 67% |
明度 | 33% |
輝度 | 25% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 141, 緑 = 28, 青 = 47 )
HSL ( 色相 = 350°, 彩度 = 67%, 明度 = 33% )
H : 色相 ( 350° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8d1c1c : -350
10 : #8d2f1c : -340
20 : #8d411c : -330
30 : #8d541c : -320
40 : #8d671c : -310
50 : #8d7a1c : -300
60 : #8d8d1c : -290
70 : #7a8d1c : -280
80 : #678d1c : -270
90 : #548d1c : -260
100 : #418d1c : -250
110 : #2f8d1c : -240
120 : #1c8d1c : -230
130 : #1c8d2f : -220
140 : #1c8d41 : -210
150 : #1c8d54 : -200
160 : #1c8d67 : -190
170 : #1c8d7a : -180
180 : #1c8d8d : -170
190 : #1c7a8d : -160
200 : #1c678d : -150
210 : #1c548d : -140
220 : #1c418d : -130
230 : #1c2f8d : -120
240 : #1c1c8d : -110
250 : #2f1c8d : -100
260 : #411c8d : -90
270 : #541c8d : -80
280 : #671c8d : -70
290 : #7a1c8d : -60
300 : #8d1c8d : -50
310 : #8d1c7a : -40
320 : #8d1c67 : -30
330 : #8d1c54 : -20
340 : #8d1c41 : -10
350 : #8d1c2f : ±0
340 : #8d1c41 : -10
341 : #8d1c3f : -9
342 : #8d1c3e : -8
343 : #8d1c3c : -7
344 : #8d1c3a : -6
345 : #8d1c38 : -5
346 : #8d1c36 : -4
347 : #8d1c34 : -3
348 : #8d1c32 : -2
349 : #8d1c30 : -1
350 : #8d1c2f : ±0
351 : #8d1c2d : +1
352 : #8d1c2b : +2
353 : #8d1c29 : +3
354 : #8d1c27 : +4
355 : #8d1c25 : +5
356 : #8d1c23 : +6
357 : #8d1c21 : +7
358 : #8d1c20 : +8
359 : #8d1c1e : +9
0 : #8d1c1c : -350
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555354 : -66
3 : #575252 : -64
5 : #585051 : -62
7 : #5a4e50 : -60
9 : #5c4d4f : -58
11 : #5d4b4e : -56
13 : #5f494d : -54
15 : #61484c : -52
17 : #62464b : -50
19 : #644449 : -48
21 : #664248 : -46
23 : #684147 : -44
25 : #693f46 : -42
27 : #6b3d45 : -40
29 : #6d3c44 : -38
31 : #6e3a43 : -36
33 : #703842 : -34
35 : #723741 : -32
37 : #73353f : -30
39 : #75333e : -28
41 : #77323d : -26
43 : #78303c : -24
45 : #7a2e3b : -22
47 : #7c2d3a : -20
49 : #7d2b39 : -18
51 : #7f2938 : -16
53 : #812836 : -14
55 : #822635 : -12
57 : #842434 : -10
59 : #862333 : -8
61 : #872132 : -6
63 : #891f31 : -4
65 : #8b1d30 : -2
67 : #8d1c2f : ±0
69 : #8e1a2d : +2
71 : #90182c : +4
73 : #92172b : +6
75 : #93152a : +8
77 : #951329 : +10
79 : #971228 : +12
81 : #981027 : +14
83 : #9a0e26 : +16
85 : #9c0d24 : +18
87 : #9d0b23 : +20
89 : #9f0922 : +22
91 : #a10821 : +24
93 : #a20620 : +26
95 : #a4041f : +28
97 : #a6031e : +30
99 : #a7011d : +32
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -32
3 : #0d0304 : -30
5 : #150407 : -28
7 : #1e060a : -26
9 : #26080d : -24
11 : #2f0910 : -22
13 : #370b12 : -20
15 : #400d15 : -18
17 : #480e18 : -16
19 : #51101b : -14
21 : #59121e : -12
23 : #621320 : -10
25 : #6a1523 : -8
27 : #731726 : -6
29 : #7b1829 : -4
31 : #841a2c : -2
33 : #8d1c2f : ±0
35 : #951d31 : +2
37 : #9e1f34 : +4
39 : #a62137 : +6
41 : #af233a : +8
43 : #b7243d : +10
45 : #c0263f : +12
47 : #c82842 : +14
49 : #d12945 : +16
51 : #d62e4a : +18
53 : #d73752 : +20
55 : #d93f59 : +22
57 : #db4860 : +24
59 : #dc5068 : +26
61 : #de596f : +28
63 : #e06177 : +30
65 : #e26a7e : +32
67 : #e37285 : +34
69 : #e57b8d : +36
71 : #e78494 : +38
73 : #e88c9b : +40
75 : #ea95a3 : +42
77 : #ec9daa : +44
79 : #eda6b2 : +46
81 : #efaeb9 : +48
83 : #f1b7c0 : +50
85 : #f2bfc8 : +52
87 : #f4c8cf : +54
89 : #f6d0d6 : +56
91 : #f7d9de : +58
93 : #f9e1e5 : +60
95 : #fbeaed : +62
97 : #fcf2f4 : +64
99 : #fefbfb : +66
CSS入門、作ってます。
text-shadow