#ec9736
RGB
赤 | 236 |
---|---|
緑 | 151 |
青 | 54 |
HSL
色相 | 32° |
---|---|
彩度 | 83% |
明度 | 57% |
輝度 | 65% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 236, 緑 = 151, 青 = 54 )
HSL ( 色相 = 32°, 彩度 = 83%, 明度 = 57% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #ec3c36 : -30
12 : #ec5b36 : -20
22 : #ec7936 : -10
32 : #ec9736 : ±0
42 : #ecb636 : +10
52 : #ecd436 : +20
62 : #e6ec36 : +30
72 : #c8ec36 : +40
82 : #aaec36 : +50
92 : #8bec36 : +60
102 : #6dec36 : +70
112 : #4fec36 : +80
122 : #36ec3c : +90
132 : #36ec5b : +100
142 : #36ec79 : +110
152 : #36ec97 : +120
162 : #36ecb6 : +130
172 : #36ecd4 : +140
182 : #36e6ec : +150
192 : #36c8ec : +160
202 : #36aaec : +170
212 : #368bec : +180
222 : #366dec : +190
232 : #364fec : +200
242 : #3c36ec : +210
252 : #5b36ec : +220
262 : #7936ec : +230
272 : #9736ec : +240
282 : #b636ec : +250
292 : #d436ec : +260
302 : #ec36e6 : +270
312 : #ec36c8 : +280
322 : #ec36aa : +290
332 : #ec368b : +300
342 : #ec366d : +310
352 : #ec364f : +320
22 : #ec7936 : -10
23 : #ec7c36 : -9
24 : #ec7f36 : -8
25 : #ec8236 : -7
26 : #ec8536 : -6
27 : #ec8836 : -5
28 : #ec8b36 : -4
29 : #ec8e36 : -3
30 : #ec9136 : -2
31 : #ec9436 : -1
32 : #ec9736 : ±0
33 : #ec9a36 : +1
34 : #ec9d36 : +2
35 : #eca136 : +3
36 : #eca436 : +4
37 : #eca736 : +5
38 : #ecaa36 : +6
39 : #ecad36 : +7
40 : #ecb036 : +8
41 : #ecb336 : +9
42 : #ecb636 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #929190 : -82
3 : #95928e : -80
5 : #97928c : -78
7 : #99928a : -76
9 : #9b9287 : -74
11 : #9d9285 : -72
13 : #a09283 : -70
15 : #a29281 : -68
17 : #a4937f : -66
19 : #a6937d : -64
21 : #a8937a : -62
23 : #ab9378 : -60
25 : #ad9376 : -58
27 : #af9374 : -56
29 : #b19372 : -54
31 : #b3946f : -52
33 : #b6946d : -50
35 : #b8946b : -48
37 : #ba9469 : -46
39 : #bc9467 : -44
41 : #be9464 : -42
43 : #c09462 : -40
45 : #c39560 : -38
47 : #c5955e : -36
49 : #c7955c : -34
51 : #c99559 : -32
53 : #cb9557 : -30
55 : #ce9555 : -28
57 : #d09653 : -26
59 : #d29651 : -24
61 : #d4964e : -22
63 : #d6964c : -20
65 : #d9964a : -18
67 : #db9648 : -16
69 : #dd9646 : -14
71 : #df9743 : -12
73 : #e19741 : -10
75 : #e4973f : -8
77 : #e6973d : -6
79 : #e8973b : -4
81 : #ea9739 : -2
83 : #ec9736 : ±0
85 : #ef9834 : +2
87 : #f19832 : +4
89 : #f39830 : +6
91 : #f5982e : +8
93 : #f7982b : +10
95 : #fa9829 : +12
97 : #fc9827 : +14
99 : #fe9925 : +16
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -56
3 : #0e0801 : -54
5 : #170d02 : -52
7 : #211303 : -50
9 : #2a1804 : -48
11 : #331e05 : -46
13 : #3d2306 : -44
15 : #462807 : -42
17 : #4f2e07 : -40
19 : #593308 : -38
21 : #623909 : -36
23 : #6b3e0a : -34
25 : #75430b : -32
27 : #7e490c : -30
29 : #874e0d : -28
31 : #91530d : -26
33 : #9a590e : -24
35 : #a35e0f : -22
37 : #ad6410 : -20
39 : #b66911 : -18
41 : #bf6e12 : -16
43 : #c97413 : -14
45 : #d27914 : -12
47 : #db7e14 : -10
49 : #e58415 : -8
51 : #ea891a : -6
53 : #eb8e24 : -4
55 : #eb932d : -2
57 : #ec9736 : ±0
59 : #ed9c40 : +2
61 : #eea149 : +4
63 : #efa652 : +6
65 : #f0ab5c : +8
67 : #f1b065 : +10
69 : #f2b46e : +12
71 : #f2b978 : +14
73 : #f3be81 : +16
75 : #f4c38a : +18
77 : #f5c894 : +20
79 : #f6cc9d : +22
81 : #f7d1a6 : +24
83 : #f8d6b0 : +26
85 : #f8dbb9 : +28
87 : #f9e0c2 : +30
89 : #fae5cc : +32
91 : #fbe9d5 : +34
93 : #fceede : +36
95 : #fdf3e8 : +38
97 : #fef8f1 : +40
99 : #fffdfa : +42
CSS入門、作ってます。
text-shadow