#246133
RGB
| 赤 | 36 |
|---|---|
| 緑 | 97 |
| 青 | 51 |
HSL
| 色相 | 135° |
|---|---|
| 彩度 | 46% |
| 明度 | 26% |
| 輝度 | 29% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 36, 緑 = 97, 青 = 51 )
HSL ( 色相 = 135°, 彩度 = 46%, 明度 = 26% )
H : 色相 ( 135° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #612924 : -130
15 : #613324 : -120
25 : #613d24 : -110
35 : #614724 : -100
45 : #615224 : -90
55 : #615c24 : -80
65 : #5c6124 : -70
75 : #526124 : -60
85 : #476124 : -50
95 : #3d6124 : -40
105 : #336124 : -30
115 : #296124 : -20
125 : #246129 : -10
135 : #246133 : ±0
145 : #24613d : +10
155 : #246147 : +20
165 : #246152 : +30
175 : #24615c : +40
185 : #245c61 : +50
195 : #245261 : +60
205 : #244761 : +70
215 : #243d61 : +80
225 : #243361 : +90
235 : #242961 : +100
245 : #292461 : +110
255 : #332461 : +120
265 : #3d2461 : +130
275 : #472461 : +140
285 : #522461 : +150
295 : #5c2461 : +160
305 : #61245c : +170
315 : #612452 : +180
325 : #612447 : +190
335 : #61243d : +200
345 : #612433 : +210
355 : #612429 : +220
125 : #246129 : -10
126 : #24612a : -9
127 : #24612b : -8
128 : #24612c : -7
129 : #24612d : -6
130 : #24612e : -5
131 : #24612f : -4
132 : #246130 : -3
133 : #246131 : -2
134 : #246132 : -1
135 : #246133 : ±0
136 : #246134 : +1
137 : #246135 : +2
138 : #246136 : +3
139 : #246137 : +4
140 : #246138 : +5
141 : #246139 : +6
142 : #24613a : +7
143 : #24613b : +8
144 : #24613c : +9
145 : #24613d : +10
S : 彩度 ( 46% )
(0%) 渋い ～ 鮮やか (100%)
0 : #424242 : -46
2 : #414442 : -44
4 : #404541 : -42
6 : #3e4640 : -40
8 : #3d4840 : -38
10 : #3c493f : -36
12 : #3a4a3e : -34
14 : #394c3e : -32
16 : #384d3d : -30
18 : #364e3c : -28
20 : #35503c : -26
22 : #34513b : -24
24 : #32523a : -22
26 : #31543a : -20
28 : #305539 : -18
30 : #2e5638 : -16
32 : #2d5838 : -14
34 : #2c5937 : -12
36 : #2a5a36 : -10
38 : #295b36 : -8
40 : #285d35 : -6
42 : #265e34 : -4
44 : #255f34 : -2
46 : #246133 : ±0
48 : #226232 : +2
50 : #216332 : +4
52 : #206531 : +6
54 : #1e6630 : +8
56 : #1d6730 : +10
58 : #1c692f : +12
60 : #1b6a2e : +14
62 : #196b2e : +16
64 : #186d2d : +18
66 : #176e2c : +20
68 : #156f2c : +22
70 : #14712b : +24
72 : #13722a : +26
74 : #11732a : +28
76 : #107529 : +30
78 : #0f7628 : +32
80 : #0d7728 : +34
82 : #0c7927 : +36
84 : #0b7a26 : +38
86 : #097b26 : +40
88 : #087d25 : +42
90 : #077e24 : +44
92 : #057f24 : +46
94 : #048123 : +48
96 : #038222 : +50
98 : #018322 : +52
100 : #008521 : +54
L : 明度 ( 26% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -26
2 : #030704 : -24
4 : #060f08 : -22
6 : #08160c : -20
8 : #0b1e10 : -18
10 : #0e2514 : -16
12 : #112d18 : -14
14 : #13341b : -12
16 : #163c1f : -10
18 : #194323 : -8
20 : #1c4a27 : -6
22 : #1e522b : -4
24 : #21592f : -2
26 : #246133 : ±0
28 : #276837 : +2
30 : #29703b : +4
32 : #2c773f : +6
34 : #2f7f43 : +8
36 : #328647 : +10
38 : #348d4b : +12
40 : #37954f : +14
42 : #3a9c52 : +16
44 : #3da456 : +18
46 : #3fab5a : +20
48 : #42b35e : +22
50 : #45ba62 : +24
52 : #4cbd68 : +26
54 : #54c06f : +28
56 : #5bc275 : +30
58 : #63c57b : +32
60 : #6ac882 : +34
62 : #72cb88 : +36
64 : #79cd8e : +38
66 : #80d094 : +40
68 : #88d39b : +42
70 : #8fd6a1 : +44
72 : #97d8a7 : +46
74 : #9edbad : +48
76 : #a6deb4 : +50
78 : #ade1ba : +52
80 : #b5e3c0 : +54
82 : #bce6c7 : +56
84 : #c3e9cd : +58
86 : #cbecd3 : +60
88 : #d2eed9 : +62
90 : #daf1e0 : +64
92 : #e1f4e6 : +66
94 : #e9f7ec : +68
96 : #f0f9f2 : +70
98 : #f8fcf9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow