#9f092c
RGB
赤 | 159 |
---|---|
緑 | 9 |
青 | 44 |
HSL
色相 | 346° |
---|---|
彩度 | 89% |
明度 | 33% |
輝度 | 23% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 159, 緑 = 9, 青 = 44 )
HSL ( 色相 = 346°, 彩度 = 89%, 明度 = 33% )
H : 色相 ( 346° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #9f1809 : -340
16 : #9f3109 : -330
26 : #9f4a09 : -320
36 : #9f6309 : -310
46 : #9f7c09 : -300
56 : #9f9509 : -290
66 : #909f09 : -280
76 : #779f09 : -270
86 : #5e9f09 : -260
96 : #459f09 : -250
106 : #2c9f09 : -240
116 : #139f09 : -230
126 : #099f18 : -220
136 : #099f31 : -210
146 : #099f4a : -200
156 : #099f63 : -190
166 : #099f7c : -180
176 : #099f95 : -170
186 : #09909f : -160
196 : #09779f : -150
206 : #095e9f : -140
216 : #09459f : -130
226 : #092c9f : -120
236 : #09139f : -110
246 : #18099f : -100
256 : #31099f : -90
266 : #4a099f : -80
276 : #63099f : -70
286 : #7c099f : -60
296 : #95099f : -50
306 : #9f0990 : -40
316 : #9f0977 : -30
326 : #9f095e : -20
336 : #9f0945 : -10
346 : #9f092c : ±0
356 : #9f0913 : +10
336 : #9f0945 : -10
337 : #9f0943 : -9
338 : #9f0940 : -8
339 : #9f093e : -7
340 : #9f093b : -6
341 : #9f0939 : -5
342 : #9f0936 : -4
343 : #9f0934 : -3
344 : #9f0931 : -2
345 : #9f092f : -1
346 : #9f092c : ±0
347 : #9f092a : +1
348 : #9f0927 : +2
349 : #9f0925 : +3
350 : #9f0922 : +4
351 : #9f0920 : +5
352 : #9f091d : +6
353 : #9f091b : +7
354 : #9f0918 : +8
355 : #9f0916 : +9
356 : #9f0913 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555354 : -88
3 : #575253 : -86
5 : #585052 : -84
7 : #5a4e51 : -82
9 : #5c4d50 : -80
11 : #5d4b4f : -78
13 : #5f494e : -76
15 : #61484d : -74
17 : #62464d : -72
19 : #64444c : -70
21 : #66424b : -68
23 : #68414a : -66
25 : #693f49 : -64
27 : #6b3d48 : -62
29 : #6d3c47 : -60
31 : #6e3a46 : -58
33 : #703845 : -56
35 : #723744 : -54
37 : #733544 : -52
39 : #753343 : -50
41 : #773242 : -48
43 : #783041 : -46
45 : #7a2e40 : -44
47 : #7c2d3f : -42
49 : #7d2b3e : -40
51 : #7f293d : -38
53 : #81283c : -36
55 : #82263b : -34
57 : #84243b : -32
59 : #86233a : -30
61 : #872139 : -28
63 : #891f38 : -26
65 : #8b1d37 : -24
67 : #8d1c36 : -22
69 : #8e1a35 : -20
71 : #901834 : -18
73 : #921733 : -16
75 : #931532 : -14
77 : #951332 : -12
79 : #971231 : -10
81 : #981030 : -8
83 : #9a0e2f : -6
85 : #9c0d2e : -4
87 : #9d0b2d : -2
89 : #9f092c : ±0
91 : #a1082b : +2
93 : #a2062a : +4
95 : #a4042a : +6
97 : #a60329 : +8
99 : #a70128 : +10
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #050001 : -32
3 : #0e0104 : -30
5 : #180107 : -28
7 : #220209 : -26
9 : #2b030c : -24
11 : #35030f : -22
13 : #3f0411 : -20
15 : #480414 : -18
17 : #520517 : -16
19 : #5c0519 : -14
21 : #65061c : -12
23 : #6f061f : -10
25 : #780721 : -8
27 : #820824 : -6
29 : #8c0827 : -4
31 : #95092a : -2
33 : #9f092c : ±0
35 : #a90a2f : +2
37 : #b20a32 : +4
39 : #bc0b34 : +6
41 : #c60c37 : +8
43 : #cf0c3a : +10
45 : #d90d3c : +12
47 : #e30d3f : +14
49 : #ec0e42 : +16
51 : #f11347 : +18
53 : #f21c4e : +20
55 : #f22656 : +22
57 : #f3305d : +24
59 : #f33965 : +26
61 : #f4436c : +28
63 : #f54d74 : +30
65 : #f5567b : +32
67 : #f66083 : +34
69 : #f66a8a : +36
71 : #f77392 : +38
73 : #f77d99 : +40
75 : #f887a1 : +42
77 : #f990a9 : +44
79 : #f99ab0 : +46
81 : #faa3b8 : +48
83 : #faadbf : +50
85 : #fbb7c7 : +52
87 : #fbc0ce : +54
89 : #fccad6 : +56
91 : #fcd4dd : +58
93 : #fddde5 : +60
95 : #fee7ec : +62
97 : #fef1f4 : +64
99 : #fffafb : +66
CSS入門、作ってます。
text-shadow