#2b5615
RGB
| 赤 | 43 |
|---|---|
| 緑 | 86 |
| 青 | 21 |
HSL
| 色相 | 100° |
|---|---|
| 彩度 | 61% |
| 明度 | 21% |
| 輝度 | 26% |
３桁の色
補色
反転色
RGB ( 赤 = 43, 緑 = 86, 青 = 21 )
HSL ( 色相 = 100°, 彩度 = 61%, 明度 = 21% )
H : 色相 ( 100° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #561515 : -100
10 : #562015 : -90
20 : #562b15 : -80
30 : #563615 : -70
40 : #564015 : -60
50 : #564b15 : -50
60 : #565615 : -40
70 : #4b5615 : -30
80 : #405615 : -20
90 : #365615 : -10
100 : #2b5615 : ±0
110 : #205615 : +10
120 : #155615 : +20
130 : #155620 : +30
140 : #15562b : +40
150 : #155636 : +50
160 : #155640 : +60
170 : #15564b : +70
180 : #155656 : +80
190 : #154b56 : +90
200 : #154056 : +100
210 : #153656 : +110
220 : #152b56 : +120
230 : #152056 : +130
240 : #151556 : +140
250 : #201556 : +150
260 : #2b1556 : +160
270 : #361556 : +170
280 : #401556 : +180
290 : #4b1556 : +190
300 : #561556 : +200
310 : #56154b : +210
320 : #561540 : +220
330 : #561536 : +230
340 : #56152b : +240
350 : #561520 : +250
90 : #365615 : -10
91 : #345615 : -9
92 : #335615 : -8
93 : #325615 : -7
94 : #315615 : -6
95 : #305615 : -5
96 : #2f5615 : -4
97 : #2e5615 : -3
98 : #2d5615 : -2
99 : #2c5615 : -1
100 : #2b5615 : ±0
101 : #2a5615 : +1
102 : #285615 : +2
103 : #275615 : +3
104 : #265615 : +4
105 : #255615 : +5
106 : #245615 : +6
107 : #235615 : +7
108 : #225615 : +8
109 : #215615 : +9
110 : #205615 : +10
S : 彩度 ( 61% )
(0%) 渋い ～ 鮮やか (100%)
1 : #353635 : -60
3 : #353734 : -58
5 : #353833 : -56
7 : #343932 : -54
9 : #343a31 : -52
11 : #343b30 : -50
13 : #333d2f : -48
15 : #333e2e : -46
17 : #333f2c : -44
19 : #32402b : -42
21 : #32412a : -40
23 : #314229 : -38
25 : #314328 : -36
27 : #314427 : -34
29 : #304526 : -32
31 : #304625 : -30
33 : #304724 : -28
35 : #2f4823 : -26
37 : #2f4922 : -24
39 : #2f4a21 : -22
41 : #2e4c20 : -20
43 : #2e4d1f : -18
45 : #2e4e1d : -16
47 : #2d4f1c : -14
49 : #2d501b : -12
51 : #2c511a : -10
53 : #2c5219 : -8
55 : #2c5318 : -6
57 : #2b5417 : -4
59 : #2b5516 : -2
61 : #2b5615 : ±0
63 : #2a5714 : +2
65 : #2a5813 : +4
67 : #2a5912 : +6
69 : #295a11 : +8
71 : #295c10 : +10
73 : #295d0e : +12
75 : #285e0d : +14
77 : #285f0c : +16
79 : #27600b : +18
81 : #27610a : +20
83 : #276209 : +22
85 : #266308 : +24
87 : #266407 : +26
89 : #266506 : +28
91 : #256605 : +30
93 : #256704 : +32
95 : #256803 : +34
97 : #246902 : +36
99 : #246b01 : +38
L : 明度 ( 21% )
(0%) 暗い ～ 明るい (100%)
1 : #020401 : -20
3 : #060c03 : -18
5 : #0a1505 : -16
7 : #0e1d07 : -14
9 : #122509 : -12
11 : #162d0b : -10
13 : #1a350d : -8
15 : #1e3e0f : -6
17 : #234611 : -4
19 : #274e13 : -2
21 : #2b5615 : ±0
23 : #2f5e17 : +2
25 : #336719 : +4
27 : #376f1b : +6
29 : #3b771d : +8
31 : #3f7f1f : +10
33 : #438721 : +12
35 : #479023 : +14
37 : #4b9825 : +16
39 : #4fa027 : +18
41 : #53a829 : +20
43 : #57b12b : +22
45 : #5bb92d : +24
47 : #5fc12f : +26
49 : #64c931 : +28
51 : #69ce36 : +30
53 : #6fd03e : +32
55 : #75d246 : +34
57 : #7bd44e : +36
59 : #81d657 : +38
61 : #87d85f : +40
63 : #8dda67 : +42
65 : #94dc6f : +44
67 : #9ade78 : +46
69 : #a0e080 : +48
71 : #a6e288 : +50
73 : #ace490 : +52
75 : #b2e698 : +54
77 : #b8e8a1 : +56
79 : #bfeaa9 : +58
81 : #c5ecb1 : +60
83 : #cbeeb9 : +62
85 : #d1f0c1 : +64
87 : #d7f2ca : +66
89 : #ddf4d2 : +68
91 : #e3f6da : +70
93 : #eaf8e2 : +72
95 : #f0faea : +74
97 : #f6fcf3 : +76
99 : #fcfefb : +78
CSS入門、作ってます。
text-shadow