#9b082a
RGB
| 赤 | 155 |
|---|---|
| 緑 | 8 |
| 青 | 42 |
HSL
| 色相 | 346° |
|---|---|
| 彩度 | 90% |
| 明度 | 32% |
| 輝度 | 22% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 155, 緑 = 8, 青 = 42 )
HSL ( 色相 = 346°, 彩度 = 90%, 明度 = 32% )
H : 色相 ( 346° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #9b1708 : -340
16 : #9b2f08 : -330
26 : #9b4808 : -320
36 : #9b6008 : -310
46 : #9b7908 : -300
56 : #9b9108 : -290
66 : #8c9b08 : -280
76 : #749b08 : -270
86 : #5b9b08 : -260
96 : #439b08 : -250
106 : #2a9b08 : -240
116 : #129b08 : -230
126 : #089b17 : -220
136 : #089b2f : -210
146 : #089b48 : -200
156 : #089b60 : -190
166 : #089b79 : -180
176 : #089b91 : -170
186 : #088c9b : -160
196 : #08749b : -150
206 : #085b9b : -140
216 : #08439b : -130
226 : #082a9b : -120
236 : #08129b : -110
246 : #17089b : -100
256 : #2f089b : -90
266 : #48089b : -80
276 : #60089b : -70
286 : #79089b : -60
296 : #91089b : -50
306 : #9b088c : -40
316 : #9b0874 : -30
326 : #9b085b : -20
336 : #9b0843 : -10
346 : #9b082a : ±0
356 : #9b0812 : +10
336 : #9b0843 : -10
337 : #9b0840 : -9
338 : #9b083e : -8
339 : #9b083c : -7
340 : #9b0839 : -6
341 : #9b0837 : -5
342 : #9b0834 : -4
343 : #9b0832 : -3
344 : #9b082f : -2
345 : #9b082d : -1
346 : #9b082a : ±0
347 : #9b0828 : +1
348 : #9b0826 : +2
349 : #9b0823 : +3
350 : #9b0821 : +4
351 : #9b081e : +5
352 : #9b081c : +6
353 : #9b0819 : +7
354 : #9b0817 : +8
355 : #9b0814 : +9
356 : #9b0812 : +10
S : 彩度 ( 90% )
(0%) 渋い ～ 鮮やか (100%)
0 : #515151 : -90
2 : #535051 : -88
4 : #554e50 : -86
6 : #564d4f : -84
8 : #584b4e : -82
10 : #5a494d : -80
12 : #5b484c : -78
14 : #5d464c : -76
16 : #5f454b : -74
18 : #60434a : -72
20 : #624149 : -70
22 : #644048 : -68
24 : #653e47 : -66
26 : #673c46 : -64
28 : #683b45 : -62
30 : #6a3945 : -60
32 : #6c3744 : -58
34 : #6d3643 : -56
36 : #6f3442 : -54
38 : #713341 : -52
40 : #723140 : -50
42 : #742f3f : -48
44 : #762e3e : -46
46 : #772c3e : -44
48 : #792a3d : -42
50 : #7a293c : -40
52 : #7c273b : -38
54 : #7e263a : -36
56 : #7f2439 : -34
58 : #812238 : -32
60 : #832137 : -30
62 : #841f37 : -28
64 : #861d36 : -26
66 : #871c35 : -24
68 : #891a34 : -22
70 : #8b1833 : -20
72 : #8c1732 : -18
74 : #8e1531 : -16
76 : #901431 : -14
78 : #911230 : -12
80 : #93102f : -10
82 : #950f2e : -8
84 : #960d2d : -6
86 : #980b2c : -4
88 : #990a2b : -2
90 : #9b082a : ±0
92 : #9d072a : +2
94 : #9e0529 : +4
96 : #a00328 : +6
98 : #a20227 : +8
100 : #a30026 : +10
L : 明度 ( 32% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -32
2 : #0a0103 : -30
4 : #130105 : -28
6 : #1d0208 : -26
8 : #27020b : -24
10 : #30030d : -22
12 : #3a0310 : -20
14 : #440413 : -18
16 : #4e0415 : -16
18 : #570518 : -14
20 : #61051b : -12
22 : #6b061d : -10
24 : #740620 : -8
26 : #7e0722 : -6
28 : #880725 : -4
30 : #910828 : -2
32 : #9b082a : ±0
34 : #a5092d : +2
36 : #ae0930 : +4
38 : #b80a32 : +6
40 : #c20a35 : +8
42 : #cb0b38 : +10
44 : #d50b3a : +12
46 : #df0c3d : +14
48 : #e90c40 : +16
50 : #f20d42 : +18
52 : #f3164a : +20
54 : #f32051 : +22
56 : #f42a59 : +24
58 : #f43460 : +26
60 : #f53d68 : +28
62 : #f54770 : +30
64 : #f65177 : +32
66 : #f65a7f : +34
68 : #f76486 : +36
70 : #f76e8e : +38
72 : #f87795 : +40
74 : #f8819d : +42
76 : #f98ba4 : +44
78 : #f994ac : +46
80 : #fa9eb4 : +48
82 : #faa8bb : +50
84 : #fbb1c3 : +52
86 : #fbbbca : +54
88 : #fcc5d2 : +56
90 : #fccfd9 : +58
92 : #fdd8e1 : +60
94 : #fde2e8 : +62
96 : #feecf0 : +64
98 : #fef5f7 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow