#96d392
RGB
赤 | 150 |
---|---|
緑 | 211 |
青 | 146 |
HSL
色相 | 116° |
---|---|
彩度 | 42% |
明度 | 70% |
輝度 | 73% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 150, 緑 = 211, 青 = 146 )
HSL ( 色相 = 116°, 彩度 = 42%, 明度 = 70% )
H : 色相 ( 116° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #d39992 : -110
16 : #d3a492 : -100
26 : #d3ae92 : -90
36 : #d3b992 : -80
46 : #d3c492 : -70
56 : #d3ce92 : -60
66 : #ccd392 : -50
76 : #c1d392 : -40
86 : #b7d392 : -30
96 : #acd392 : -20
106 : #a1d392 : -10
116 : #97d392 : ±0
126 : #92d399 : +10
136 : #92d3a4 : +20
146 : #92d3ae : +30
156 : #92d3b9 : +40
166 : #92d3c4 : +50
176 : #92d3ce : +60
186 : #92ccd3 : +70
196 : #92c1d3 : +80
206 : #92b7d3 : +90
216 : #92acd3 : +100
226 : #92a1d3 : +110
236 : #9297d3 : +120
246 : #9992d3 : +130
256 : #a492d3 : +140
266 : #ae92d3 : +150
276 : #b992d3 : +160
286 : #c492d3 : +170
296 : #ce92d3 : +180
306 : #d392cc : +190
316 : #d392c1 : +200
326 : #d392b7 : +210
336 : #d392ac : +220
346 : #d392a1 : +230
356 : #d39297 : +240
106 : #a1d392 : -10
107 : #a0d392 : -9
108 : #9fd392 : -8
109 : #9ed392 : -7
110 : #9dd392 : -6
111 : #9cd392 : -5
112 : #9bd392 : -4
113 : #9ad392 : -3
114 : #99d392 : -2
115 : #98d392 : -1
116 : #97d392 : ±0
117 : #96d392 : +1
118 : #95d392 : +2
119 : #93d392 : +3
120 : #92d392 : +4
121 : #92d393 : +5
122 : #92d395 : +6
123 : #92d396 : +7
124 : #92d397 : +8
125 : #92d398 : +9
126 : #92d399 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -42
2 : #b1b4b1 : -40
4 : #b0b6af : -38
6 : #afb7ae : -36
8 : #adb9ac : -34
10 : #acbaab : -32
12 : #abbca9 : -30
14 : #a9bda8 : -28
16 : #a8bfa6 : -26
18 : #a7c0a5 : -24
20 : #a5c2a3 : -22
22 : #a4c3a2 : -20
24 : #a3c5a0 : -18
26 : #a1c69f : -16
28 : #a0c89d : -14
30 : #9fc99c : -12
32 : #9dcb9a : -10
34 : #9ccd98 : -8
36 : #9bce97 : -6
38 : #99d095 : -4
40 : #98d194 : -2
42 : #97d392 : ±0
44 : #95d491 : +2
46 : #94d68f : +4
48 : #93d78e : +6
50 : #91d98c : +8
52 : #90da8b : +10
54 : #8fdc89 : +12
56 : #8ddd88 : +14
58 : #8cdf86 : +16
60 : #8be085 : +18
62 : #89e283 : +20
64 : #88e382 : +22
66 : #87e580 : +24
68 : #85e77e : +26
70 : #84e87d : +28
72 : #83ea7b : +30
74 : #81eb7a : +32
76 : #80ed78 : +34
78 : #7fee77 : +36
80 : #7df075 : +38
82 : #7cf174 : +40
84 : #7bf372 : +42
86 : #79f471 : +44
88 : #78f66f : +46
90 : #77f76e : +48
92 : #76f96c : +50
94 : #74fa6b : +52
96 : #73fc69 : +54
98 : #72fd68 : +56
100 : #70ff66 : +58
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #030703 : -68
4 : #060e06 : -66
6 : #0a1609 : -64
8 : #0d1d0c : -62
10 : #10240f : -60
12 : #132b12 : -58
14 : #173315 : -56
16 : #1a3a18 : -54
18 : #1d411b : -52
20 : #20481e : -50
22 : #245021 : -48
24 : #275723 : -46
26 : #2a5e26 : -44
28 : #2d6529 : -42
30 : #316d2c : -40
32 : #34742f : -38
34 : #377b32 : -36
36 : #3a8235 : -34
38 : #3e8a38 : -32
40 : #41913b : -30
42 : #44983e : -28
44 : #479f41 : -26
46 : #4ba744 : -24
48 : #4eae47 : -22
50 : #51b54a : -20
52 : #58b851 : -18
54 : #5fbb58 : -16
56 : #66be60 : -14
58 : #6dc167 : -12
60 : #74c46e : -10
62 : #7bc775 : -8
64 : #82ca7d : -6
66 : #89cd84 : -4
68 : #90d08b : -2
70 : #97d392 : ±0
72 : #9ed69a : +2
74 : #a5d9a1 : +4
76 : #acdca8 : +6
78 : #b2deaf : +8
80 : #b9e1b7 : +10
82 : #c0e4be : +12
84 : #c7e7c5 : +14
86 : #ceeacc : +16
88 : #d5edd4 : +18
90 : #dcf0db : +20
92 : #e3f3e2 : +22
94 : #eaf6e9 : +24
96 : #f1f9f1 : +26
98 : #f8fcf8 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow